Cypress Coast color palette — #FBF3F0 · #BDE7F2 · #5CB2DA · #008269 · #0A2F54
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FBF3F0): bright and airy, almost weightless.
- Powder Blue (#BDE7F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#5CB2DA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008269): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#0A2F54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Quiet Canyon color palette (#EBF9F6, #B0ECF6, #00C6EA, #00A0A0, #1A3F53)
- Iris Archive color palette (#FFF3E9, #C2F2E0, #5C91E5, #00696E, #19114D)
- Timeworn Cerulean color palette (#FBF2F9, #9BCEE3, #2C82A7, #00624E, #243C57)
- Misty Seafoam Ridge color palette (#DAFFF0, #60DFD2, #009BA7, #006A89, #002C47)
- Timeworn Courtyard color palette (#F3E3DB, #86AD94, #005B83, #002C25, #000106)
- Quiet Hollow color palette (#E9FBED, #62D1E4, #EE8660, #008596, #491400)
- Teal Cabin color palette (#FAF3F0, #C4DEE4, #A7C5F0, #4DA587, #2F564D)
- Washed Grove color palette (#E2FEE9, #E0DBE5, #BEADA1, #43B29B, #1E4136)
Browse the whole catalog at Explore, or see today's palette.