Cypress Coast color palette — #FBF3EF · #CFE2CF · #4F96A7 · #2C714E · #255143

Built around Pine, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#CFE2CF): A whisper-light, dusty green — the color of fresh herbs.
• Storm Blue (#4F96A7): A luminous, dusty blue — the color of open sky before noon.
• Pine (#2C714E): A full-bodied, balanced teal — the color of sea glass.
• Forest (#255143): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Hushed Cerulean Dune color palette (#FFF2EC, #ABD0B5, #3681A5, #00624F, #1C3C61)
• Patina Cypress Balcony color palette (#FCF3ED, #C7E4D8, #718CB2, #186F73, #593E50)
• Worn Drift color palette (#F5F6EE, #C2E5DB, #66B3B9, #198D7D, #0C515B)
• Denim Corridor color palette (#EFDED7, #5A9BA2, #00516A, #003123, #001529)
• Pale Pine color palette (#EFFBD6, #87C396, #2D8356, #195221, #00351A)
• Fern Alley color palette (#F5F8E0, #C4E3D2, #A1D0B9, #857C45, #415713)
• Pale Study color palette (#F4F8E2, #7BAF78, #9B77BF, #3C753A, #4B395D)
• Ancient Olive color palette (#FAE7B5, #AAB061, #61822A, #23693E, #165243)

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