Cerulean Garden color palette — #F0F7F1 · #B7E4F7 · #4995B0 · #107167 · #324B5F

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#B7E4F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4995B0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#107167): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#324B5F): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Ash Garden color palette (#F0F7F1, #D9DDEE, #7F9BC2, #407886, #495365)
• Cypress Loft color palette (#F7EFF5, #C6E1ED, #5297B8, #046F59, #162D46)
• Hushed Cobalt color palette (#EEF8F0, #8FD0EB, #2E7FB3, #005F64, #233B5B)
• Dusty Quarry color palette (#F5F6EE, #C5E4DF, #7FCBDE, #00AEAD, #29513F)
• Dusty Cerulean color palette (#DCEADF, #009FC1, #005071, #003030, #00142B)
• Weathered Powder Pier color palette (#E1FBFC, #C0DBF2, #9BC6F1, #648058, #385356)
• Chalky Jade color palette (#DBFDFB, #62B47D, #B46F9F, #307649, #493A5C)
• Misty Mint color palette (#D9FDFF, #63D4A4, #278A67, #00533D, #003524)

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