Cypress Harbor color palette — #FEF2EC · #BEDDC9 · #589EC8 · #007E6D · #233A5F

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

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Celadon Mist (#BEDDC9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#589EC8): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007E6D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#233A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Alley color palette (#FCF3EC, #C2E7E9, #82A6DD, #38888D, #5B3C51)
• Wandering Cobalt Bloom color palette (#F8ECE1, #A0CAED, #6583CC, #006A76, #2C2553)
• Ancient Sky color palette (#F5F6EB, #AFEBFB, #54C1E6, #159EA7, #1C4335)
• Aged Denim Corridor color palette (#F5E8E0, #529EB6, #005D91, #003C36, #00012F)
• Ultramarine Parlor color palette (#E9DCCD, #7AA6D1, #485EB3, #004853, #18013D)
• Faded Emerald color palette (#E8EDD0, #8FBA62, #099A57, #006E55, #004543)
• Lagoon Harbor color palette (#CCFFEA, #6CD0AD, #00957D, #005F52, #00271E)
• Powder Station color palette (#EEFADF, #B7E6D8, #91CDFF, #819656, #34442E)

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