Cerulean Garden color palette — #EFF6FB · #D6D9E5 · #BCBDCC · #338AB3 · #303C45

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D6D9E5): bright and airy, almost weightless.
• Ash (#BCBDCC): A luminous, dusty violet — the color of wild irises.
• Cerulean (#338AB3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#303C45): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Hollow color palette (#F1F5FF, #D6DDF7, #B8BCD8, #646EC4, #27324C)
• Patina Turquoise color palette (#F0F7F3, #E9D8DE, #DDBBBE, #5CABC8, #343D38)
• Dusty Cornflower color palette (#D6E3F3, #377DE4, #334059, #152233, #060E16)
• Mint Villa color palette (#E3FBFA, #83C4AA, #488F7F, #386C79, #043E40)
• Cocoa Ridge color palette (#D6E3FF, #B0B9E0, #9290AC, #895B5E, #693C30)
• Weathered Meadow color palette (#D8E0E8, #B8C6D5, #99A5B8, #0A669D, #15212B)
• Dusty Mulberry color palette (#FAE7FD, #72A4E3, #6670BB, #823661, #1F304F)
• Tempered Iris color palette (#EEF6FF, #A5E0FF, #7EBCFF, #7E8DED, #152C4E)

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