Cypress Harbor color palette — #FBF3EF · #BEE8D0 · #5C90B7 · #0C7167 · #583E55

Teal takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Celadon Mist (#BEE8D0): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5C90B7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#0C7167): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#583E55): A full-bodied, dusty pink — the color of neon signs at night.

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

• Cypress Orchard color palette (#F8F0EC, #C2E7D1, #6792B9, #266C58, #3F2037)
• Cobalt Atelier color palette (#FFF2EC, #8BDCF0, #0A89C1, #006859, #264067)
• Washed Dune color palette (#FAF3F7, #C6EBFF, #7FAAD0, #4B8874, #384767)
• Timeworn Peony Station color palette (#FFF1F1, #CD589A, #368E68, #277868, #4C2F2E)
• Lagoon Balcony color palette (#F9E6DC, #00919C, #004357, #002318, #000A18)
• Weathered Atelier color palette (#FFF1F2, #E2DAD0, #EFC397, #936D7B, #5A4541)
• Timeworn Harbor color palette (#EEE1D6, #289CC8, #004A87, #00302F, #09093D)
• Linen Sapphire color palette (#FEF3E8, #78C0F4, #3A68C9, #00555C, #2F2A5F)

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