Cerulean Garden color palette — #EEF7F6 · #A6CBDF · #3782A2 · #005E68 · #0C3F5A

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

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Sky (#A6CBDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3782A2): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#0C3F5A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Muted Cobalt Summit color palette (#F7EFF4, #A8CEE3, #2F82BB, #005C54, #0F1E42)
• Petrol Lagoon color palette (#EDF8F7, #CBDFF2, #628DBE, #116B8D, #334967)
• Dusty Petrol color palette (#DFF3F3, #8EB5DE, #3667B0, #004B6B, #1B2B55)
• Sky Bloom color palette (#F4F6ED, #C3EBD5, #4EC0F0, #009EAD, #163F56)
• Ancient Abyss color palette (#DDF3F1, #5289A0, #00425E, #002128, #000A16)
• Muted Summit color palette (#F4EAFF, #BF6F9E, #347EB9, #8C286A, #00385E)
• Softworn Pewter Corridor color palette (#FAF1FF, #EBCEEF, #D29B90, #8A5B78, #4C3A52)
• Feathered Archive color palette (#F0DCFD, #B35580, #9F5804, #584E97, #421D2E)

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