Cypress Coast color palette — #E8FAF4 · #77AA76 · #0F7550 · #633D50 · #143D39
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
- Jade (#77AA76): A luminous, balanced green — the color of new leaves after rain.
- Pine (#0F7550): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#633D50): A full-bodied, dusty rose — the color of a warm blush.
- Forest (#143D39): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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 Pier color palette (#E1FCF8, #6BAB8B, #007365, #3C523B, #193C3D)
- Ancient Cypress color palette (#E8F6F0, #81AD87, #317261, #543D54, #002220)
- Tempered Teal color palette (#D6FFF8, #A7E7CB, #6BBABB, #6A7646, #2A4B4A)
- Washed Moss Boulevard color palette (#DAF6EF, #67B42C, #8450A3, #34650A, #402B4E)
- Chalky Moss color palette (#D1F6DF, #8A9D00, #316A00, #4E4300, #2B3200)
- Ancient Thicket color palette (#F8F6E5, #97C19E, #46907E, #855454, #323A00)
- Ancient Jade color palette (#F7F6E8, #B5D4AB, #76B17E, #97814C, #35362F)
- Quiet Jade color palette (#D3FFDE, #5CC17C, #007737, #004618, #002C0C)
Browse the whole catalog at Explore, or see today's palette.