A warm, handcraft-inspired design system rooted in earthy tones and natural studio light.
Five earthy colors grounded in warmth and natural materials
Hover to expand each color
Auto-generated states from core palette
Earthy-toned feedback colors
Recommended pairings for different contexts
Dark section, nav, footer
Default page, reading content
CTA sections, highlights
Testimonials, pricing, social proof
Great Vibes for brand moments, Poppins for everything else
Four styles for different contexts
Hover to see elevation change
Learn the foundations of drawing botanicals with watercolor and ink on your iPad.
CourseCreate seamless patterns from your illustrations and license them for products.
WorkshopShare your work, get feedback, and connect with fellow artists in the studio.
CommunityClick to see focus state
Dark sections use Forest Green as background with Warm Linen text and Gold Light accents.
Burnt Sienna sections for high-energy CTAs and featured content.
Blush Pink sections for testimonials, pricing, and social proof — soft and inviting.
"This design system transformed how I present my creative work online. The earthy tones feel authentic to my brand."
— Studio Artist
Complete color table for quick lookup
| Swatch | Name | Hex | Tier | Role |
|---|---|---|---|---|
| Warm Linen | #F5ECDF | Core | Page background | |
| Forest Green | #234833 | Core | Structure, text, nav | |
| Burnt Sienna | #AE571B | Core | CTA, accent | |
| Blush Pink | #FFDCE4 | Core | Soft highlights | |
| Gold Light | #E8D5A8 | Core | Dividers, decorative | |
| Cream White | #FAF7F2 | Derived | Card surfaces | |
| Linen Dark | #EDE2D1 | Derived | Alt background | |
| Forest Deep | #1A3626 | Derived | Green hover/pressed | |
| Sienna Hover | #954A17 | Derived | CTA hover | |
| Blush Deep | #F5C4D0 | Derived | Pink borders | |
| Success | #5A8A6A | Semantic | Confirmations | |
| Warning | #C4883A | Semantic | Attention | |
| Error | #B85C5C | Semantic | Errors | |
| Info | #5A7A8A | Semantic | Informational |