Cerulean Harbor color palette — #E5F7EB · #009EBA · #4D60A0 · #384814 · #00251E

Cerulean and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009EBA): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4D60A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#384814): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#00251E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.

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

• Misty Chapel color palette (#E9F8FF, #0099AF, #6B578F, #71322D, #383C03)
• Gentle Thicket color palette (#E7F7EA, #00A0AF, #3465A6, #4A3561, #002612)
• Muted Boulevard color palette (#D8EAE1, #0081A6, #1C372F, #0C1913, #030805)
• Timeworn Periwinkle color palette (#F8EEF8, #65A0E0, #7B6698, #673D4E, #0F2F1A)
• Antique Cypress Hollow color palette (#F2F3E8, #ACE9EA, #4E9BA3, #076D62, #173322)
• Aqua Study color palette (#E2F8EA, #5FF4FE, #23D2FE, #4F96CD, #00291B)
• Wandering Fern Meadow color palette (#F3F2E6, #9FBE92, #59805B, #485E1C, #282915)
• Periwinkle Terrace color palette (#C1E5FF, #55B2FF, #3F7DC9, #2F4E82, #3A2136)

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