Cypress Coast color palette — #E7F9FC · #7DBFAF · #B59352 · #008572 · #38553D
Built around Teal, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F9FC): a clean, paper-quiet neutral.
- Mint Leaf (#7DBFAF): A luminous, dusty teal — the color of sea glass.
- Mustard (#B59352): A luminous, balanced gold — the color of honey in a jar.
- Teal (#008572): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#38553D): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Pine Coast color palette (#EBF8F8, #8BBDA5, #BC8F5F, #00875F, #67404E)
- Petrol Studio color palette (#ECF7FF, #7CBAD5, #84A56A, #007EA3, #2A564E)
- Patina Parlor color palette (#E9F9F8, #92BC9E, #6E9CD2, #2E8653, #374F6A)
- Ancient Bronze color palette (#E6F9FF, #00A8AB, #8F8000, #006A6B, #433B00)
- Tempered Coral color palette (#E8F5F7, #77C4B7, #D87E87, #008476, #3D283F)
- Hushed Lagoon color palette (#E9F8FE, #D2DBE7, #B8A5B9, #599B94, #42565F)
- Weathered Petrol Coast color palette (#E8F8FF, #7ABCC7, #A68AC8, #008190, #48496A)
- Dusty Lagoon Workshop color palette (#EDF9EC, #7CD7D2, #E595B6, #00A19D, #664240)
Browse the whole catalog at Explore, or see today's palette.