Cerulean Garden color palette — #F4F7E9 · #8BD0EA · #2F82A8 · #005E6A · #1C4338

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sky (#8BD0EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#2F82A8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E6A): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#1C4338): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Delta color palette (#F8F1E6, #A8D3BD, #3F83AE, #005B5E, #022042)
• Tempered Cobalt color palette (#F3F7EB, #9FD1C2, #447BB5, #005B79, #4B2F4A)
• Cypress Grove color palette (#F0F0DF, #7BC0BC, #00777C, #005145, #00353B)
• Cypress Thicket color palette (#EEF8F0, #B0DBF5, #609DC5, #007B7F, #233C58)
• Pale Byzantium Parlor color palette (#CCE9FF, #0081C1, #8350AF, #006A58, #0D3329)
• Soft Olive color palette (#DEF5E9, #009CC4, #63862D, #00607A, #2C3B15)
• Aged Courtyard color palette (#F5F6EE, #C1EBE8, #79A590, #55795D, #3F594F)
• Wandering Cerulean color palette (#E7ECDB, #388AAF, #004162, #002129, #000A18)

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