Cobalt Atelier color palette — #F9F4ED · #A7CFC2 · #3578CE · #005D6E · #4C3046

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Pistachio (#A7CFC2): A whisper-light, dusty teal — the color of sea glass.
• Azure (#3578CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D6E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#4C3046): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aged Cerulean color palette (#F9F4ED, #ACCFB8, #0084AC, #00605B, #1B3E57)
• Aged Cobalt color palette (#FBF0E5, #97CFF6, #5E78BF, #005B59, #341325)
• Patina Iris Bloom color palette (#FFF1F6, #B6D9F6, #7A93D2, #207B77, #3D3357)
• Pale Courtyard color palette (#E7E7CB, #558C08, #006DC5, #963246, #2E2D09)
• Dusty Lantern color palette (#F1EBE0, #4C9CAE, #00516C, #00302D, #001527)
• Misty Amethyst color palette (#F2F0D6, #8AAB48, #7B46C7, #486100, #3A2D52)
• Patina Navy color palette (#EFE6D9, #5685AF, #002C99, #00212B, #050228)
• Weathered Teal Terrace color palette (#F8F7DD, #B9F2C8, #3FC9C1, #6F6C27, #42443C)

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