Cobalt Atelier color palette — #EAF8FF · #78C1E7 · #5287D0 · #586098 · #4A506A

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

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Sky (#78C1E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#5287D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#586098): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#4A506A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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 Dune color palette (#F1F5FF, #B8BEF4, #6C79BA, #484F7E, #2C3955)
• Gentle Amber Grove color palette (#EFF6FF, #92B0E8, #BF9033, #4F71B2, #39553D)
• Dusty Cerulean color palette (#DBFDFF, #75D1CC, #0095A7, #2A718D, #395167)
• Hushed Grove color palette (#D8FFEE, #BADFFF, #96BEF3, #8396CB, #644459)
• Shell Summit color palette (#EFF6FF, #DDD8E2, #F8BABE, #5E95A9, #474C5B)
• Amber Workshop color palette (#EFF6FF, #7498D7, #B07F32, #7D7935, #384352)
• Lapis Boulevard color palette (#D9EEFD, #599FFF, #5242FF, #5C33A8, #583362)
• Timeworn Amethyst color palette (#D6DEED, #868CEE, #814CCF, #6B2B79, #57304E)

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