Cerulean Garden color palette — #F9F4EF · #C8DCEA · #CABAE6 · #3FA1B4 · #614352

Built around Cerulean, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#C8DCEA): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#CABAE6): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3FA1B4): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#614352): A full-bodied, dusty rose — the color of a warm blush.

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

• Dusty Lagoon color palette (#FAF3F0, #C6DCE2, #97D0D0, #60A18C, #59455C)
• Petrol Thicket color palette (#F1F7F0, #DBDDEE, #859ABE, #3E7884, #4C5167)
• Moss Quarry color palette (#F5F6E9, #B7EFD7, #DABDFC, #76AB5D, #5C3B47)
• Worn Emerald Corridor color palette (#FCF3EF, #C0E2E7, #6ACAE4, #1D9966, #18493B)
• Hushed Periwinkle Market color palette (#FDF3EC, #C2E5F7, #79A9E5, #007F80, #252A52)
• Washed Dune color palette (#F0E1D9, #89AC8E, #005E76, #002D1D, #000103)
• Wandering Field color palette (#F5F7E5, #AEDAAA, #CDACE0, #C18EBD, #383932)
• Tempered Fern Balcony color palette (#F6F6E9, #CEE6D7, #A9C1DC, #CABE8F, #455813)

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