Cerulean Garden color palette — #D6F4FA · #009FC6 · #00749F · #004773 · #091E3C

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

The five colors

• Frost (#D6F4FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009FC6): A luminous, balanced blue — the color of open sky before noon.
• Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004773): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#091E3C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Linen Boulevard color palette (#C3EAE8, #00ACC9, #0070A0, #004882, #223260)
• Lagoon Terrace color palette (#DDF6EF, #00A398, #007B80, #004954, #00202B)
• Petrol Market color palette (#D5F3FB, #00769B, #004D7C, #001F51, #020034)
• Aged Azure Study color palette (#D5FFFB, #08E0F2, #009EDC, #35629F, #2B264A)
• Frosted Villa color palette (#D9EFFF, #429EFF, #4162C1, #3B3A80, #241E42)
• Cobalt Harbor color palette (#E6F1FF, #70AAFF, #2369BB, #002F65, #000F23)
• Azure Dune color palette (#D1F2E6, #28AAF3, #A55400, #005B88, #2F1400)
• Petrol Studio color palette (#D7FBF1, #D6E1FF, #C5ADE0, #2B788D, #361F33)

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