Cypress Coast color palette — #E7F6EE · #85AC84 · #007565 · #224B65 · #00221F
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E7F6EE): a clean, paper-quiet neutral.
- Sage (#85AC84): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007565): A full-bodied, balanced teal — the color of sea glass.
- Navy (#224B65): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, 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
- Cypress Balcony color palette (#E4FBF6, #69AC86, #007461, #215263, #193C3C)
- Timeworn Olive color palette (#FBEEF3, #AEA061, #4E712B, #184E5A, #022313)
- Muted Olive Canyon color palette (#FBEDF4, #98BEA4, #667F39, #53526D, #1B2C21)
- Washed Ridge color palette (#E7F6EE, #80B87D, #007D6A, #783140, #0A280A)
- Mint Courtyard color palette (#F9F5E7, #86C78E, #379184, #446D61, #35362F)
- Weathered Courtyard color palette (#F4E2E8, #978F51, #32630F, #3A2E63, #00170C)
- Pine Cabin color palette (#E2F4ED, #2E8C5A, #004F4B, #002A50, #000B03)
- Timeworn Workshop color palette (#F8EFF3, #AACDE1, #297ED0, #005D4D, #1B1C3E)
Browse the whole catalog at Explore, or see today's palette.