Cypress Coast color palette — #E8F6EB · #97A777 · #347351 · #5A4200 · #00221A
A conversation between Pine and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#97A777): A luminous, dusty green — the color of fresh herbs.
- Pine (#347351): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#00221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cypress Coast 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
- Antique Study color palette (#EBF9F1, #93A26C, #437035, #534C1C, #163E33)
- Washed Jade Parlor color palette (#CCEDE4, #44AA85, #00686D, #2F4700, #001C11)
- Garnet Corridor color palette (#E6F6F0, #7CAD8E, #007470, #673151, #002221)
- Wandering Pine color palette (#E7F0DB, #61AA78, #008160, #00474B, #00232C)
- Muted Pine Hollow color palette (#E9F6E9, #A7AD77, #128134, #005761, #212300)
- Washed Pier color palette (#FBF5E5, #D7D1AA, #69995B, #6F641C, #2D2808)
- Aged Cypress Summit color palette (#F7EFF3, #B4CABA, #638D80, #396A73, #233629)
- Wandering Abyss Study color palette (#D7EFDF, #668252, #00513B, #332900, #030A00)
Browse the whole catalog at Explore, or see today's palette.