Cobalt Atelier color palette — #F7F1E8 · #A6D8F1 · #3E89C3 · #006169 · #0B234B

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Powder Blue (#A6D8F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3E89C3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006169): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#0B234B): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Cobalt 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 Harbor color palette (#FEF1F8, #9FD7F4, #517FC9, #00675E, #3F3374)
• Weathered Cobalt color palette (#FAF0E1, #74C6F6, #0073CB, #00505B, #030A53)
• Ancient Cerulean color palette (#F6F1EA, #B2D1B0, #1E8B98, #005E45, #002530)
• Wandering Grove color palette (#E9E0D3, #5494AC, #004E76, #002B2D, #000410)
• Muted Petrol Courtyard color palette (#F5F1EA, #C9E2E5, #AF91AC, #357489, #462D3E)
• Powdered Loft color palette (#EEF8F0, #B7E1FE, #22A3F9, #00818C, #223F6F)
• Raspberry Market color palette (#FFD9E3, #DF337B, #6A8000, #00689C, #330116)
• Wandering Orchard color palette (#FFEDEB, #E861A0, #009A75, #A40062, #00281C)

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