Cobalt Atelier color palette — #F9EEF4 · #A3CEEA · #4B7CC3 · #005C52 · #181E39

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sky (#A3CEEA): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4B7CC3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#181E39): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Cabin color palette (#FBEDF7, #67CCE0, #0079B4, #00543B, #080E4C)
• Tempered Quarry color palette (#EEF8F0, #9CCDE5, #347EB5, #005F66, #253B58)
• Olive Villa color palette (#D6E6FF, #5776CE, #408100, #006D3F, #05132C)
• Muted Cerulean color palette (#F5F0F5, #B7E6F1, #009EBC, #426A3E, #1A2E40)
• Antique Periwinkle Lagoon color palette (#F9F4ED, #D7D5E3, #66ADE5, #007E87, #1B2E4D)
• Wandering Balcony color palette (#ECF2FF, #F6C9F3, #F89B8F, #2E79AA, #26263D)
• Aged Lagoon Thicket color palette (#F5E8F3, #3C9A9F, #00516B, #002E14, #000411)
• Navy Delta color palette (#EDE1E6, #3381A8, #002B97, #001F1D, #020009)

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