Cobalt Studio color palette — #FCF2F8 · #A7CBDE · #347DBA · #00624C · #2D3A57

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sky (#A7CBDE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#347DBA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2D3A57): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Powdered Petrol Archive color palette (#FCF1FB, #69C9D0, #0078A0, #005930, #0F3065)
• Cobalt Cabin color palette (#F6F1E9, #91D3E7, #1286B5, #005B5A, #002720)
• Tempered Iris Canyon color palette (#FAF3F6, #C9E0F3, #7188C4, #00716E, #414561)
• Tempered Indigo color palette (#D6E6FF, #4D72D9, #447E00, #006648, #1F2C41)
• Soft Ultramarine Harbor color palette (#F7EBEE, #87B7DF, #4A5AC8, #004F51, #35224F)
• Stone Archive color palette (#F1F5FF, #EDCBF9, #EB9B96, #1F7B9B, #3E4259)
• Wandering Spruce Atelier color palette (#EBE0EC, #529E99, #005264, #043304, #001529)
• Weathered Lagoon color palette (#FEF3ED, #C1ECD2, #77BAE8, #339F8F, #283A5A)

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