Cypress Coast color palette — #E5F0F4 · #B7C6D2 · #94A6C0 · #006D78 · #0E222A

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5F0F4): a clean, paper-quiet neutral.
• Stone (#B7C6D2): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#94A6C0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006D78): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Cerulean color palette (#D6E1E7, #B9C0CF, #9EA6C4, #008FA7, #122229)
• Dusty Abyss Summit color palette (#DEE9E2, #B0BCB6, #7C958B, #004D5A, #0F2418)
• Washed Summit color palette (#EFF8F1, #C6DFE1, #D1AECC, #006C77, #041007)
• Worn Cobalt Bloom color palette (#EBEEF8, #D6D5E6, #BCB3C8, #6B67AE, #282D3D)
• Antique Study color palette (#E1E6ED, #A1A4B1, #8682A0, #1C4087, #020918)
• Cobalt Courtyard color palette (#D0F6F5, #4E9EC2, #6B69A8, #604B00, #222F00)
• Quiet Ultramarine Workshop color palette (#F9E1E9, #00919D, #204FB5, #512F00, #001923)
• Timeworn Moss color palette (#E2F5EC, #72A25E, #00734F, #004F59, #092100)

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