Cypress Coast color palette — #EBF4F6 · #D0D6DE · #A9BAC3 · #007374 · #102429

Built around Teal, softened by Onyx — the whole palette hums with sophistication.

The five colors

• Ivory (#EBF4F6): bright and airy, almost weightless.
• Silver (#D0D6DE): bright and airy, almost weightless.
• Ash (#A9BAC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007374): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#102429): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Aged Cypress Studio color palette (#F2F7F1, #D1DCDB, #A2B9B3, #00736E, #343E32)
• Ancient Orchard color palette (#EEF2FA, #DAD3E6, #B9BED5, #5866A5, #1F2530)
• Timeworn Ash Harbor color palette (#C6E7F4, #81ACCA, #647790, #524D6A, #002D2A)
• Softworn Lagoon Bloom color palette (#EEF7F9, #D6DBE3, #BEADAF, #4A9992, #213135)
• Worn Pine color palette (#E3F7F0, #91A979, #45723C, #275039, #00221C)
• Muted Abyss color palette (#DDE7EB, #A3B7C1, #7891A2, #004D55, #010D13)
• Midnight Petrol Pier color palette (#D9EBF6, #00708A, #05283D, #000E18, #000304)
• Hushed Denim color palette (#E5E9F3, #C7CADB, #A1A2B6, #4E4A92, #121520)

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