Cobalt Studio color palette — #EFF8F0 · #A7D4F7 · #3D7ED8 · #006477 · #313C69

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#A7D4F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3D7ED8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006477): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#313C69): A deep, shadowed, dusty 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 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 Cypress Summit color palette (#F0F7F2, #C2E1F5, #5C90B6, #007076, #364961)
• Sapphire Corridor color palette (#EDF9EF, #89BDEF, #2F64D9, #005368, #282968)
• Cornflower Station color palette (#FDEDF3, #B3D4F1, #677DCF, #006262, #2D144E)
• Weathered Terrace color palette (#FEF3E9, #B9E6D7, #7695F8, #008281, #482F72)
• Muted Meadow color palette (#FBF4EA, #CCE9FF, #86B8FF, #00A1BF, #313C69)
• Worn Navy color palette (#E8F3EA, #6596B5, #004A89, #002F36, #040B3D)
• Muted Grove color palette (#E0E9E1, #378E9C, #004357, #00231F, #000A15)
• Muted Petrol color palette (#E7F2E9, #78C0BE, #007683, #00523C, #003442)

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