Cypress Coast color palette — #F5F6EF · #C8E5DE · #60A6B1 · #157F77 · #385142

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 (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#C8E5DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#60A6B1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#157F77): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#385142): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Petrol Courtyard color palette (#F4F6F0, #C9E3E6, #7D9CBF, #18799D, #604A5F)
• Pine Orchard color palette (#F4F7E8, #90BD98, #6D9EC9, #278746, #2B574C)
• Timeworn Cypress color palette (#E7E7D8, #6FABAB, #00636B, #003F37, #00242B)
• Softworn Study color palette (#F9F3F8, #D4D6EA, #73BDD8, #5D947C, #425566)
• Bronze Bloom color palette (#F3F8E6, #70A77C, #3C97AD, #917128, #42433C)
• Cerulean Orchard color palette (#E1E3D5, #3F8D9C, #004454, #002224, #000B12)
• Fern Corridor color palette (#F2F8E7, #CBE4D6, #95CACF, #6B8F68, #3E5615)
• Dusty Petrol color palette (#EDF0E4, #96BBAC, #0E6EA7, #004D5F, #002E58)

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