Cerulean Harbor color palette — #F5F1EA · #BEE7D9 · #6C8FBF · #216878 · #3D2038

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Celadon Mist (#BEE7D9): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6C8FBF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#216878): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#3D2038): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Aged Villa color palette (#F5F1EA, #C9E4D2, #5F96AE, #086D67, #0D342A)
• Cobalt Workshop color palette (#F8F1E5, #ACDCCA, #4186CC, #00606D, #0D1F55)
• Iris Corridor color palette (#FCF2F6, #C6E0F6, #7287C6, #00716F, #4C4066)
• Aged Alley color palette (#F3ECE0, #64A9B4, #00627B, #003A34, #000C17)
• Tempered Lagoon color palette (#FBF4EE, #C4E0F1, #A4B9F1, #37928F, #523542)
• Abyss Basin color palette (#E8E1D6, #41829A, #004061, #001F21, #000105)
• Soft Coral color palette (#FFEDE9, #CB6D7A, #658D40, #3A6EA5, #31150F)
• Petrol Studio color palette (#FDF0DC, #64CED7, #007F98, #005346, #001D2B)

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