Spruce Villa color palette — #F3EAF3 · #63AAAB · #00617D · #003D16 · #000A1E
Forest and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F3EAF3): a clean, paper-quiet neutral.
- Turquoise (#63AAAB): A luminous, dusty teal — the color of sea glass.
- Peacock (#00617D): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003D16): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000A1E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Spruce Villa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Aged Teal color palette (#E2F0E5, #59AEB0, #006271, #003F31, #002330)
- Worn Denim Quarry color palette (#EFDFE8, #64A6C1, #0057A6, #003A31, #09022A)
- Patina Cerulean Thicket color palette (#FAF4EB, #8CDCDD, #00899D, #005341, #000F17)
- Muted Forest Balcony color palette (#F2E1DB, #39C8C8, #0081A2, #005E21, #001F40)
- Tempered Sapphire color palette (#FFECF5, #63C9F4, #006CDF, #005348, #190849)
- Patina Lagoon Balcony color palette (#F3E9F3, #378783, #004352, #012102, #000104)
- Emerald Market color palette (#D1E8D4, #009965, #005637, #002411, #000200)
- Hushed Cerulean Thicket color palette (#F6F0F4, #C4E2EE, #4197C6, #2A6D4D, #1F2C40)
Browse the whole catalog at Explore, or see today's palette.