Cobalt Studio color palette — #FEF2EC · #9BDAE9 · #0089C1 · #006859 · #264067

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

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Ice Blue (#9BDAE9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0089C1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
• Navy (#264067): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Cobalt Studio 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

• Worn Cobalt color palette (#FBF4EE, #9DCCEA, #4578C3, #005F63, #4C3043)
• Cerulean Drift color palette (#E2F7F4, #8EDEF2, #0090B5, #006167, #00293B)
• Cobalt Harbor color palette (#FFF2EB, #4DC9EC, #0074B1, #00574F, #132D6C)
• Turquoise Grove color palette (#F5F6EB, #95EAFF, #00ACD6, #008189, #06465F)
• Lilac Grove color palette (#E1FEEC, #CAE1FF, #BEA5FF, #008A80, #214E3E)
• Patina Ash color palette (#FAF4EF, #C6EBEC, #799CC6, #347B7B, #614A5B)
• Weathered Bloom color palette (#E9F8FF, #31B5FC, #006E90, #00415D, #00293D)
• Hushed Bronze color palette (#E1FDEA, #00A6BD, #C06000, #006877, #5C2B00)

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