Cerulean Garden color palette — #EFF6FA · #D6DBE3 · #B4ABB3 · #4F8D97 · #4D5456

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D6DBE3): a clean, paper-quiet neutral.
• Ash (#B4ABB3): a calm mid-gray that lets other colors speak.
• Storm Blue (#4F8D97): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4D5456): a grounded near-black with real depth.

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

• Patina Cerulean Corridor color palette (#EAF4F7, #D4D7E1, #B1ABB3, #618A97, #2F383B)
• Ancient Taupe Lagoon color palette (#F0F7F1, #D1DEDE, #B8B4AA, #86A58A, #4F5450)
• Dusty Veranda color palette (#EDF7FF, #A9C0DA, #8E99AF, #726B7D, #584A5E)
• Ancient Navy Bloom color palette (#E6EDF7, #B1B9CA, #858DA7, #203F86, #16202E)
• Petrol Boulevard color palette (#DAE3E9, #8D9CA7, #507592, #00303D, #000B13)
• Hushed Nightshade color palette (#F3F4FF, #CFD0EB, #A6A2C4, #6543A0, #2E3148)
• Muted Cerulean Studio color palette (#F0F6FA, #D7D9E1, #B5AAB0, #528BA2, #4E5357)
• Lagoon Corridor color palette (#EFF7F9, #D5DBE2, #B2ABB4, #528E8A, #495558)

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