Cypress Harbor color palette — #FBF4ED · #C5E5D8 · #6C8BBB · #007075 · #5C3B51

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C5E5D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6C8BBB): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007075): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5C3B51): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Periwinkle Coast color palette (#F4F6EE, #C0E4E7, #69ABE3, #2586A5, #553F56)
• Ancient Cypress color palette (#FBF3EF, #CDE3CD, #4797AB, #22734D, #244C65)
• Quiet Cobalt color palette (#FDF3EB, #A7D6EF, #4181CB, #006667, #31377A)
• Weathered Sapphire color palette (#FFF3E2, #A3843F, #008A9D, #495FBE, #3B3731)
• Denim Field color palette (#F1E6E1, #62ACB5, #00607D, #00402F, #00203D)
• Chestnut Balcony color palette (#FFF3E8, #CB9165, #4E8FC9, #975000, #1F4567)
• Dusty Onyx Studio color palette (#E9DBD3, #468BA0, #004065, #00231F, #00012E)
• Timeworn Petrol Veranda color palette (#FFF2EB, #67C9CF, #007A97, #00583E, #003658)

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