Cypress Harbor color palette — #F1F7F2 · #D1E0F2 · #6EA3B2 · #3A7C6E · #3F5666

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 (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D1E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6EA3B2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3A7C6E): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#3F5666): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Powder Corridor color palette (#E6FAF8, #CAE1EF, #ADC8EB, #68988D, #405859)
• Muted Station color palette (#F6F0F5, #D2D3E7, #6BA5C2, #3D7A55, #243750)
• Denim Boulevard color palette (#E3EEE5, #5DAEB0, #006272, #003F32, #002331)
• Pine Balcony color palette (#E7FAF7, #90BD94, #B089B0, #4D8153, #4F4866)
• Hushed Cerulean Study color palette (#DFEEE2, #478C9B, #004359, #002220, #000A16)
• Petrol Workshop color palette (#E8F1EA, #94B6D0, #336BA4, #004E59, #1D2C51)
• Muted Veranda color palette (#EBFAEE, #93DAF6, #2B87BE, #00666A, #214168)
• Timeworn Corridor color palette (#D3FFFE, #A3D4B7, #538B6E, #235E41, #14432F)

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