Cerulean Atelier color palette — #F3F6EE · #BFE4EA · #84A7D8 · #3C83A9 · #5A3C56

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F3F6EE): bright and airy, almost weightless.
• Silver (#BFE4EA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#84A7D8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#3C83A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5A3C56): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Dusty Powder Loft color palette (#EDF8F7, #DBDCE7, #94BDF7, #448AB1, #2F4059)
• Petrol Loft color palette (#F9F4EF, #C8E3DC, #7588BE, #006F7E, #484266)
• Hushed Turquoise color palette (#F5F6EC, #BCE8E0, #68B1C3, #3E8886, #2B513F)
• Washed Periwinkle color palette (#FFF0FE, #70A6F3, #B783BC, #009A96, #452F45)
• Aged Petrol Field color palette (#E5E7D9, #85BBCA, #0081A4, #00585F, #002333)
• Soft Jade Garden color palette (#E8FAF4, #7CC0F1, #77B77B, #3D87BA, #264D29)
• Wandering Boulevard color palette (#E7EADD, #5F9BBB, #005E8F, #003947, #000919)
• Timeworn Iris color palette (#FFF0FC, #B6CCFF, #768ECE, #43568E, #212F55)

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