Cerulean Harbor color palette — #EEF7FB · #D6DBE6 · #BBA7B3 · #008E9D · #122830

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6DBE6): bright and airy, almost weightless.
• Ash (#BBA7B3): A luminous, dusty pink — the color of a candy shop window.
• Cerulean (#008E9D): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#122830): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cerulean 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

• Ancient Hollow color palette (#F1F5FB, #DCD9E3, #C5B0BB, #698AC4, #2A2F36)
• Cypress Balcony color palette (#ECF4ED, #C4DAD0, #C09FBD, #00686F, #101E12)
• Wandering Abyss color palette (#E6EFF6, #AFBCCA, #7F92B5, #004259, #000103)
• Softworn Cypress Workshop color palette (#EFF8F1, #C6D8CD, #8FAFA1, #006674, #1E3A28)
• Patina Corridor color palette (#F1F5FD, #DDD6E5, #B8B6DA, #4A58A3, #070C18)
• Byzantium Alley color palette (#EAF7FF, #00AAD0, #A100CA, #652D00, #001804)
• Aged Cobalt Grove color palette (#DFF1FF, #0088BD, #002664, #282228, #000911)
• Emerald Market color palette (#DBFFF2, #9DD58D, #00965B, #006661, #072600)

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