Cerulean Atelier color palette — #F6EFF6 · #C2E3ED · #299BC0 · #306D3E · #162D46

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Powder Blue (#C2E3ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#299BC0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#306D3E): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#162D46): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean Atelier 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

• Hushed Thicket color palette (#F7EFF2, #C6E0F8, #7788CF, #006C6E, #282A40)
• Aged Cerulean color palette (#EEF8F0, #B5E6F4, #3A98AA, #316F5D, #2E4C5D)
• Ember Hollow color palette (#E3F6FA, #46B9AB, #D56A45, #00756B, #3A1B30)
• Airy Thicket color palette (#B7ECE5, #4EC1A3, #008984, #005368, #123047)
• Turquoise Basin color palette (#FDF2EF, #B3F2F3, #61B1D0, #598762, #534054)
• Powder Atelier color palette (#E3F6FB, #D0D8E8, #C9C4FF, #6A906F, #16303C)
• Hushed Delta color palette (#E9DDE6, #4B97A0, #005070, #002E19, #00021A)
• Cerulean Study color palette (#E2F6FF, #71CBE6, #008BA6, #004C5B, #00161D)

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