Cobalt Atelier color palette — #F9ECE3 · #92CFE6 · #268CD6 · #006C66 · #1C2A57

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

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Sky (#92CFE6): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#268CD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1C2A57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Patina Forest color palette (#F8ECE5, #85D5D1, #0097AD, #00703F, #003249)
• Timeworn Atelier color palette (#EEF9EF, #D1DFFE, #429BD1, #00696D, #001E41)
• Periwinkle Cabin color palette (#FBF4EE, #ABDCF9, #5296EE, #007B7E, #4C3044)
• Petrol Canyon color palette (#DEF4F1, #76BCD7, #00719A, #004E59, #00314D)
• Weathered Sapphire color palette (#EFE4D9, #80B7E7, #3F65EC, #005862, #201544)
• Pine Drift color palette (#FCF3EE, #9BECE7, #00AEC8, #00884D, #004563)
• Weathered Petrol color palette (#FFEBE2, #56B1BE, #007094, #004C3B, #00142C)
• Ultramarine Workshop color palette (#F0E5DB, #5D99C3, #0047CF, #003B3F, #080128)

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