Cypress Coast color palette — #FBF3F0 · #C2DCCB · #569EC8 · #007E6B · #203B61

Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Oat (#C2DCCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#569EC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007E6B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#203B61): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lagoon Quarry color palette (#FBF4EE, #C7E3E5, #83A6DB, #008B92, #5C3C51)
• Softworn Station color palette (#F5F6ED, #B1EBFA, #6DBEDB, #409BA1, #0E4055)
• Tempered Cornflower Chapel color palette (#F6EDE5, #A0CAEB, #5D83D6, #006A75, #2B2459)
• Bronze Station color palette (#F9DBEC, #8B8ADF, #A08800, #46833A, #27264C)
• Powdered Lagoon color palette (#EFE3D5, #7CA7CC, #3758D2, #004952, #17003F)
• Cobalt Courtyard color palette (#FFF0F8, #F2D3CA, #EFB2C4, #338BC9, #573242)
• Denim Parlor color palette (#F6E7DE, #759D87, #005E8E, #003C36, #00032A)
• Cobalt Pier color palette (#F0E1D8, #92BDA7, #1B79C0, #005955, #0E184D)

Browse the whole catalog at Explore, or see today's palette.