Cerulean Atelier color palette — #FBEFEB · #AFD2B1 · #2B87A8 · #235D34 · #07203F

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

The five colors

• Cream (#FBEFEB): a clean, paper-quiet neutral.
• Pistachio (#AFD2B1): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#2B87A8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#235D34): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#07203F): 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

• Cobalt Field color palette (#F9F0EA, #AED1C0, #567EB2, #005D50, #331328)
• Cobalt Loft color palette (#F2E6DE, #95BEAA, #2E6BB6, #004C42, #130C39)
• Airy Garden color palette (#E1EEE1, #0DB091, #007774, #004D60, #00213F)
• Wandering Boulevard color palette (#EEF8F0, #D5D7E6, #58B5C9, #00816A, #083248)
• Dusty Rust color palette (#D9F0DF, #00A3B7, #BB5863, #00606D, #370811)
• Abyss Dune color palette (#F3E2DC, #41848B, #00415B, #00210F, #000107)
• Worn Pine color palette (#E4F8E6, #ADE4E9, #B5A3D2, #41845E, #00281B)
• Wandering Rust color palette (#DAF8E0, #008C98, #AF4B32, #7B4900, #001A07)

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