Cypress Coast color palette — #F6EFF4 · #D3DCEC · #7FA1BD · #277A6E · #27374D

Teal and Blue Fog set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#D3DCEC): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7FA1BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#277A6E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#27374D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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 Turquoise color palette (#EFF7F6, #D3DDEF, #61A3BE, #3E797F, #415564)
• Worn Denim Basin color palette (#F0E5ED, #61A9B7, #006085, #003A30, #000A1F)
• Muted Coast color palette (#E4F5FE, #7CBFD4, #C98B71, #007E9A, #422738)
• Muted Lagoon Study color palette (#E5F4FE, #D7D7E5, #E0B7D5, #51998D, #303E4C)
• Hushed Abyss Chapel color palette (#EEE6EB, #93BBC5, #00788A, #004F29, #001926)
• Muted Navy color palette (#E8DDE2, #4F8095, #003D6C, #001F1E, #00000C)
• Antique Cobalt Workshop color palette (#FBEEF3, #B0D5F4, #5981CB, #006168, #211C4D)
• Chestnut Grove color palette (#E9F6EA, #A8C3B3, #6C8C6F, #764D33, #16322A)

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