Cerulean Harbor color palette — #D9F4DE · #019EA9 · #52628D · #603021 · #360A00

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

The five colors

• Honeydew (#D9F4DE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#019EA9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#52628D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#603021): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#360A00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Antique Basalt Corridor color palette (#DCEEE5, #568EA8, #5D5A89, #3E4300, #191C00)
• Muted Parlor color palette (#CEF7EF, #4CA0B2, #307BB3, #873C53, #330B05)
• Muted Summit color palette (#EEEBCB, #63A982, #006479, #473000, #150D00)
• Emerald Balcony color palette (#FCEBD5, #6B934F, #006F71, #5A2527, #3D040B)
• Washed Garnet Parlor color palette (#D9EBE7, #477E89, #25527A, #550028, #440500)
• Hushed Chestnut Orchard color palette (#C7E7F8, #0085A0, #985100, #004E5E, #1C0A00)
• Driftwood Studio color palette (#D4F3F2, #7EABD4, #896DA0, #636238, #38370D)
• Softworn Chestnut Lantern color palette (#CFEFFF, #007096, #874900, #544200, #000910)

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