Cypress Harbor color palette — #F9F3F7 · #B8E4F7 · #4A94B7 · #00735D · #324A63

Teal and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#B8E4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4A94B7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00735D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#324A63): A full-bodied, dusty blue — the color of deep harbor water.

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

• Periwinkle Terrace color palette (#FAF3F5, #DADDEE, #8099CC, #2E7B84, #4B5268)
• Cerulean Lagoon color palette (#F2F3EA, #ABE8F4, #4D99AE, #136B6D, #163326)
• Worn Garden color palette (#FCF2F7, #ABCADE, #357CBC, #00605D, #2A3A59)
• Washed Teal color palette (#BAF1F6, #3CBCB8, #00909E, #00627F, #2A4B66)
• Powder Coast color palette (#F9F4EE, #C1EAE3, #7BCAE8, #5EA79E, #285144)
• Timeworn Lagoon Quarry color palette (#ECE0E8, #4A8D8C, #004451, #002412, #000B14)
• Tempered Ember Cabin color palette (#EAF8FF, #2EB0CE, #CF655B, #007287, #61332E)
• Aged Rust color palette (#E8F8FF, #009AAB, #C64D4F, #905B0E, #1C3D49)

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