Cerulean Garden color palette — #FEF1FA · #9DD8DC · #0087A9 · #00543B · #000E1C

Cerulean takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Ice Blue (#9DD8DC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0087A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00543B): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#000E1C): A deep, shadowed, 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

• Cobalt Alley color palette (#FFF0F8, #9DD5F0, #1D7CD2, #005150, #050134)
• Dusty Petrol Alley color palette (#F9E9F2, #78C3DE, #006CAC, #003E3A, #000016)
• Azure Field color palette (#FBF2F8, #C7ECFF, #399BD7, #006B5F, #031A49)
• Patina Turquoise color palette (#D0E9E4, #30AFB7, #006470, #003A36, #000D12)
• Aged Cerulean color palette (#E9EAE0, #8BCDD2, #00A4B8, #007E76, #00242D)
• Tempered Field color palette (#DBFFED, #60C289, #00754D, #003220, #000201)
• Weathered Olive color palette (#EDEBDD, #8CA30B, #267C00, #003D20, #00110B)
• Airy Boulevard color palette (#FCF1F9, #D0D7EB, #40BDEF, #008B6E, #003664)

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