Cerulean Garden color palette — #ECF7FF · #B7DDBA · #52859E · #335165 · #242D33

A conversation between Storm Blue and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Celadon Mist (#B7DDBA): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#52859E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#335165): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#242D33): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Aged Cerulean Courtyard color palette (#EEF8F3, #B2E4EC, #498FB1, #2C4E41, #121E19)
• Shell Canyon color palette (#F1F5FE, #F7C1C8, #717BA2, #434D61, #272B34)
• Aged Ridge color palette (#EFF6FF, #6FD1A6, #4068AA, #143872, #0B1B30)
• Weathered Periwinkle color palette (#EDF8F5, #FFD3C0, #6CA4D5, #52756C, #212F2B)
• Iris Dune color palette (#F1F5FC, #BDD1FA, #A390C7, #6C8BCC, #2B2D3A)
• Wandering Turquoise color palette (#E8F8FE, #68BAC2, #AD9A65, #708250, #2C4148)
• Ash Dune color palette (#F2F5FC, #DBD8DF, #B9ADB4, #8D9BBC, #4E525C)
• Aged Blush color palette (#E9EEFE, #EC9B9D, #625B8F, #352D5B, #111525)

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