Cerulean Garden color palette — #F0F8F1 · #BAE5F1 · #3F98A7 · #376E5C · #324B5A

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#BAE5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3F98A7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#376E5C): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#324B5A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Tempered Ash Alley color palette (#F0F7F1, #D7DEEF, #789EBD, #4B7684, #475464)
• Antique Forest Hollow color palette (#F8EEF5, #C0E3ED, #5299AC, #236E4B, #0F2F46)
• Cerulean Balcony color palette (#EDF9EF, #96D0DC, #0484AA, #00605A, #193E58)
• Patina Teal Lantern color palette (#F5F6EF, #C6E4DB, #71CED7, #37AD9C, #14505B)
• Cerulean Bloom color palette (#DAE5DC, #07A2B0, #005266, #00302A, #001623)
• Pale Sky Boulevard color palette (#BFECFF, #3FB2F5, #397ABE, #3E598B, #3A4563)
• Cornflower Orchard color palette (#F0F6FF, #5A82EA, #BC5851, #417746, #2C384B)
• Washed Navy Drift color palette (#E4F0E6, #4088B5, #003B76, #002128, #02012D)

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