Cypress Coast color palette — #FCF2F9 · #B5DBEC · #5A9FC0 · #137E66 · #223C59

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

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Powder Blue (#B5DBEC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#5A9FC0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#137E66): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#223C59): 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

• Worn Periwinkle Terrace color palette (#FCF2F7, #D4DEF9, #80A8D6, #378988, #3A4763)
• Sky Lagoon color palette (#FBF3F0, #BCE8F4, #27B4EB, #008268, #3B253D)
• Cobalt Lantern color palette (#F9EAF0, #A4C9E6, #5686D0, #006B70, #272853)
• Washed Loft color palette (#F5F6EF, #B3CCBA, #05869F, #005F60, #004155)
• Denim Dune color palette (#EFE4EB, #609DAB, #005F87, #003C33, #00081E)
• Wandering Grove color palette (#DFFCF9, #BEE2FC, #8DD1F8, #848C59, #1B4C50)
• Weathered Thicket color palette (#FAEAF0, #6EA9D3, #3762B7, #00494F, #140042)
• Soft Hollow color palette (#DBF5F2, #6CBD7B, #CB73AB, #268741, #541E42)

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