A warm, nurturing design system inspired by sunlight filtering through a forest canopy. Built for creative education platforms that prioritize approachability over authority.
Four foundational colors inspired by a forest clearing in golden-hour light.
Supporting colors drawn from the forest floor to the canopy.
Proven pairings for different contexts and moods.
Primary CTAs on light backgrounds
Brand signature — growth + warmth
Dark sections, footers, overlays
Content areas, reading surfaces
Nunito headings (rounded, friendly) + Nunito Sans body (clean, readable).
Rounded, warm, and inviting — never intimidating.
Playful categorization inspired by the Art with Flo badge system.
Content containers with warm shadows and gentle hover lift.
Learn to create adorable forest-themed stickers with simple shapes and warm colors.
Paint a beautiful sunflower field using layering techniques and warm golden tones.
Master skin tones and lighting in this detailed portrait painting tutorial.
Every design element in Sunlit Grove lowers psychological barriers. Rounded corners say "friendly," generous whitespace says "take your time," and warm colors say "you're safe here." This isn't just aesthetics — it's educational design that puts the learner's emotional state first.
Warm-bordered inputs with forest-green focus states.
Green-tinted dark surfaces for footers, CTAs, and immersive sections.
357+ step-by-step tutorials from beginner to advanced. New content every Friday.
Download premium brushes, textures, and templates to bring your visions to life.
Join a welcoming community of creative explorers sharing their artistic journey.
Complete inventory of all design tokens.
| Color | HEX | Tier | Role |
|---|---|---|---|
| Forest Canopy | #2D5016 | Core | Primary, brand anchor |
| Forest Hover | #3A6A1E | Derived | Hover state |
| Forest Dark | #1E3A0E | Derived | Active/pressed state |
| Forest Muted | #5A7A4A | Derived | Decorative, disabled |
| Sunbeam Gold | #FFC107 | Core | Accent, highlights |
| Gold Light | #FFD54F | Derived | Hover state |
| Gold Dark | #F9A825 | Derived | Active/pressed state |
| Canvas White | #FAFAF8 | Core | Page background |
| Warm Surface | #F5F3EE | Surface | Section alternate bg |
| Card White | #FFFEF9 | Surface | Card background |
| Charcoal Sketch | #2C2C2C | Core | Headings, primary text |
| Body Text | #3D3D3D | Text | Body paragraphs |
| Muted Text | #6B6B6B | Text | Secondary info |
| Caption Text | #8A8A8A | Text | Captions, placeholders |
| Moss Light | #7BA05B | Extended | Secondary green |
| Fern Soft | #A8C88A | Extended | Light accents, beginner |
| Bark Brown | #6B4E3D | Extended | Warm neutral, advanced |
| Petal Pink | #E8A0B4 | Extended | Must See / So Cute |
| Sky Gentle | #8CB4D4 | Extended | Info, links on dark |
| Grove Night | #1A2A12 | Dark | Dark page background |
| Grove Night Card | #2E4422 | Dark | Dark elevated card |
| Success | #4A9A3E | Semantic | Success state |
| Warning | #D4960A | Semantic | Warning state |
| Error | #C4504A | Semantic | Error state |
| Info | #4A7A9A | Semantic | Info state |