Cypress Coast color palette — #FAF2FA · #BCE4F0 · #5D93A8 · #416E49 · #314A65
Pine and Storm Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Powder Blue (#BCE4F0): A whisper-light, dusty blue — the color of deep harbor water.
- Storm Blue (#5D93A8): A luminous, dusty blue — the color of deep harbor water.
- Pine (#416E49): A full-bodied, dusty green — the color of new leaves after rain.
- Navy (#314A65): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Aged Forest Coast color palette (#FBF2FC, #92DEDB, #008DAC, #036C18, #194268)
- Washed Loft color palette (#F0F7F1, #C9E1F9, #68B2C0, #008F71, #1D4E60)
- Cypress Harbor color palette (#F5F1EB, #CDE4CD, #3A9CAD, #006F57, #0B3424)
- Muted Onyx color palette (#E9D9E6, #559CA5, #005071, #00321C, #000D3D)
- Ancient Dune color palette (#FDF0FF, #D18792, #009BAF, #9B4656, #004B56)
- Tempered Bronze Garden color palette (#EBF9EE, #8BB1A2, #876F3A, #6F462D, #234440)
- Ember Lagoon color palette (#FFF0FE, #CA6668, #008AA1, #316794, #462E45)
- Powder Ridge color palette (#FCF3F0, #C2EEE1, #79CAE8, #77A67C, #544056)
Browse the whole catalog at Explore, or see today's palette.