Cypress Coast color palette — #FDF1F8 · #ADE7F9 · #648FB5 · #2B705C · #3A4764

Pine and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#ADE7F9): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#648FB5): A luminous, dusty blue — the color of open sky before noon.
• Pine (#2B705C): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#3A4764): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Soft Cobalt Field color palette (#FFF0FA, #74E0F6, #0087CA, #00694B, #2F3D69)
• Ancient Cerulean Pier color palette (#F1F3EA, #C8E4D4, #4D98B7, #006B75, #063428)
• Weathered Lagoon color palette (#EEF7F6, #D0DCF2, #72AEC9, #208A94, #284C65)
• Ancient Stone Station color palette (#F7F3FF, #EED8CF, #DCB780, #767D9F, #55475D)
• Powdered Peony Terrace color palette (#F8F2FF, #CA59A2, #008F7A, #00707C, #3E324A)
• Ancient Station color palette (#F6E5F4, #00929B, #00425B, #002411, #000721)
• Hazy Blush Thicket color palette (#F8F2FF, #D181B3, #469D78, #8E4B75, #144B4D)
• Antique Teal Grove color palette (#FCF3EE, #C4E9E7, #8CC4EF, #00B0A0, #583D55)

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