Cerulean Garden color palette — #F9F4EE · #C6DCE8 · #B9BFEE · #579EAA · #5A4558

A conversation between Storm Blue and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C6DCE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#B9BFEE): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#579EAA): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5A4558): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Worn Lagoon color palette (#F9F4EE, #C2DFE8, #9ACFD0, #609F9B, #38544C)
• Ancient Cabin color palette (#F1F7F2, #D8DDEE, #709DCB, #277B87, #485364)
• Worn Cocoa color palette (#FFF2EF, #E0D9CF, #D2AD9D, #A1B3B1, #7A3B22)
• Weathered Cobalt Veranda color palette (#FDF4E5, #9FD4EE, #0380C7, #005057, #000A26)
• Worn Shell color palette (#FFF2EF, #F8B7C5, #AFC48E, #7AA7CE, #49322D)
• Muted Turquoise Delta color palette (#FCF4E8, #D0E1F9, #00C4DD, #008B6D, #003B4D)
• Weathered Ridge color palette (#EFE7DC, #76A8D2, #295297, #002A35, #01000A)
• Cerulean Studio color palette (#FBF4E9, #C9F2D2, #1FA1C4, #006B5F, #002133)

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