Cobalt Studio color palette — #F2F8E4 · #82C0E6 · #0073B5 · #005368 · #003363

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

The five colors

• Cream (#F2F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#82C0E6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0073B5): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005368): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003363): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Washed Aqua Basin color palette (#F5F7E1, #57CAD9, #007B90, #005654, #003949)
• Muted Sapphire Coast color palette (#FFEEE2, #92C3E0, #006CE1, #005154, #14094C)
• Frosted Sky Ridge color palette (#E7FAF8, #B1E1FF, #4CB3FF, #0092B5, #003362)
• Denim Courtyard color palette (#DFE4D5, #72A5CB, #00599B, #003B4F, #001C49)
• Hazy Cornflower color palette (#FDF1F7, #A1D2F1, #3389FE, #007176, #292471)
• Ash Chapel color palette (#F4F6EF, #C8E4E8, #7E9BC2, #45758F, #62495F)
• Hushed Thicket color palette (#E2E4CF, #3D9FA8, #005360, #00302E, #00171E)
• Aged Bloom color palette (#EBDADC, #CF0059, #885900, #6A1AB1, #45091C)

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