Cerulean Atelier color palette — #F9EFEC · #CAE5CB · #4999B6 · #3F6A46 · #39223B

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

The five colors

• Cream (#F9EFEC): a clean, paper-quiet neutral.
• Celadon Mist (#CAE5CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4999B6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#3F6A46): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Indigo (#39223B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cobalt Field color palette (#FBEFE9, #B2D0BD, #4382B1, #005E45, #151D41)
• Timeworn Alley color palette (#F7F0EB, #C9E2E2, #B090B0, #5C7353, #462D3C)
• Tempered Balcony color palette (#F8F5EF, #D0E2D1, #4697A8, #00735D, #1C4E62)
• Antique Amber color palette (#E8F7E4, #50B7AC, #C67557, #00756B, #411A0C)
• Soft Lagoon Meadow color palette (#DBF4D7, #57B598, #00908D, #005268, #052F4B)
• Dusty Garden color palette (#E1F9E6, #00A0AD, #B66654, #8E591E, #0E2414)
• Antique Harbor color palette (#FAF2F9, #CDE0F3, #63B0D0, #4A8B5B, #304967)
• Lagoon Market color palette (#E5F8E7, #B2E4EA, #E8B9C9, #5E8868, #263B2F)

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