Cerulean Garden color palette — #DBF1F8 · #4B9BC1 · #4D74A2 · #6A477D · #33102D

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

The five colors

• Frost (#DBF1F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4B9BC1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4D74A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#6A477D): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#33102D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Weathered Delta color palette (#C3EAE3, #37A7AF, #00809B, #525180, #1B1C3C)
• Periwinkle Hollow color palette (#CCE3F7, #6395E3, #666AB4, #6F3F5C, #340015)
• Softworn Grove color palette (#DDF4ED, #0095AE, #445E91, #543102, #331B00)
• Aged Lantern color palette (#BDEBE8, #639EB6, #385D92, #5A1924, #1D0800)
• Raspberry Boulevard color palette (#DEEEFD, #0093EB, #D22CA3, #0066A6, #220018)
• Faded Cobalt color palette (#D2E6E5, #6CB9EB, #0088DD, #006985, #00132F)
• Worn Powder Pier color palette (#D6F1FB, #7CCAFF, #789FD5, #9C6DA1, #572F49)
• Weathered Lilac Loft color palette (#ECE5FF, #BE96D2, #A2799E, #8D5C51, #381929)

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