Cobalt Atelier color palette — #FFF3EA · #89DBFF · #3E83C6 · #006764 · #303C6C

A conversation between Cerulean and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Ice Blue (#89DBFF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#3E83C6): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Navy (#303C6C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Quiet Cerulean Balcony color palette (#FFF2EC, #82E1E1, #008EA9, #006A44, #004467)
• Aged Study color palette (#FFF3E9, #57C4FE, #146AD1, #005558, #2A2C5F)
• Cobalt Lagoon color palette (#F9F0E9, #ADDCC5, #4585CF, #006455, #201954)
• Sunlit Periwinkle color palette (#FFF1F8, #B7E1FD, #619CF0, #008475, #3C376C)
• Worn Courtyard color palette (#FAF4ED, #C7EAEE, #8798C2, #3C7983, #634A57)
• Pale Sky Archive color palette (#ECF9EE, #D3DFFE, #6CBEFF, #00A4B0, #1A3E76)
• Feathered Cerulean color palette (#F9E6D9, #1D9EC3, #004D7D, #00302D, #040B3D)
• Muted Lagoon color palette (#EEE1DA, #009395, #004453, #002414, #000A15)

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