Cobalt Atelier color palette — #F5F3FF · #FDC3FD · #FFA3AF · #417DC1 · #482E52

Cerulean and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Thistle (#FDC3FD): A whisper-light, balanced pink — the color of neon signs at night.
• Ballet Pink (#FFA3AF): A luminous, balanced red — the color of embers at dusk.
• Cerulean (#417DC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#482E52): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Faded Apricot color palette (#FCF0FF, #FFC6DB, #FFA67A, #7E78C6, #4D243A)
• Coral Atelier color palette (#F4F4FF, #FEADFA, #F77058, #006EA0, #412A5E)
• Sunlit Mallow color palette (#EFF6FF, #DAD2FF, #FF8DE9, #0090BC, #30375F)
• Powdered Azure Thicket color palette (#F3F3FF, #FFD0F0, #FFBFAB, #1EADF8, #3F2455)
• Washed Indigo Corridor color palette (#F6F3FF, #EDD7DE, #B9B3A6, #6265FF, #37184C)
• Hushed Marigold color palette (#F0DBFB, #F3A599, #D09E36, #89528A, #43181D)
• Softworn Boulevard color palette (#F3F4FF, #EDD9DC, #BCB0A5, #8F9FBB, #535160)
• Ember Market color palette (#DEDBF6, #CE85AC, #C96552, #41407C, #190117)

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