Cypress Harbor color palette — #FAF3F0 · #CFE2D1 · #3A97B5 · #007453 · #1E5246
Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF3F0): a clean, paper-quiet neutral.
- Celadon Mist (#CFE2D1): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#3A97B5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007453): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#1E5246): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cypress Harbor 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
- Washed Cerulean color palette (#ECF4F2, #BDE4F1, #009FB2, #006D67, #12303E)
- Patina Cypress Market color palette (#FAF4EF, #C6E4D6, #638EBC, #00716F, #3C456A)
- Turquoise Chapel color palette (#F5F6EE, #BBEADF, #36B7CB, #2A8B84, #314F3F)
- Hushed Cobalt color palette (#FFF2EB, #7CC3DD, #0073B6, #005651, #182B6E)
- Wandering Denim Atelier color palette (#EFE2DB, #6199A5, #005070, #003128, #001330)
- Muted Powder color palette (#FBF2F9, #CEE5FF, #7ACAE6, #6CA78C, #334A60)
- Misty Lantern color palette (#FFF1F2, #AF709F, #568A51, #007C55, #4F2C30)
- Denim Lantern color palette (#F9EDE4, #7BAB95, #00599D, #003E3D, #101256)
Browse the whole catalog at Explore, or see today's palette.