Weathered Cerulean Harbor color palette — #F7EFF3 · #BFE2F8 · #6690C6 · #006E5F · #232B43

Slate Blue and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#BFE2F8): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6690C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E5F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#232B43): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Airy Cobalt color palette (#F8EFF4, #8EDDF7, #0086E2, #006450, #1D1E4C)
• Worn Cerulean Thicket color palette (#F0F7F1, #BDE2FA, #5791BB, #136F75, #344964)
• Emerald Harbor color palette (#ECF2FF, #7987D1, #449440, #3E7B3F, #141E32)
• Hushed Shell color palette (#ECF2FF, #E2D3E2, #FFBCB4, #527B99, #323146)
• Hushed Cerulean Coast color palette (#EBDFE8, #1D8796, #004060, #002113, #00000C)
• Timeworn Powder Hollow color palette (#F8F5EF, #BEE3F3, #76C3FD, #22929A, #4D364D)
• Washed Lantern color palette (#EFE6EF, #5BACAA, #00627A, #003D0F, #000B1C)
• Nightshade Canyon color palette (#F0DFE5, #4593BF, #0B2AC3, #002C29, #060017)

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