Cobalt Studio color palette — #F9ECE1 · #65A9D1 · #476FCA · #005E58 · #0C0025

Sapphire and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Cyan (#65A9D1): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#476FCA): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
• Ink (#0C0025): A deep, shadowed, dusty violet — the color of wild irises.

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

• Chalky Cornflower color palette (#F2E6D9, #72B8ED, #6078E6, #006D6D, #1C0039)
• Gentle Cobalt color palette (#EFDBD3, #32B3C1, #007EAE, #00613B, #000428)
• Denim Garden color palette (#DEE8E0, #4C9BCD, #1358A0, #003A44, #02002D)
• Navy Field color palette (#CDF5F0, #008EA0, #005F94, #062E8C, #0F0031)
• Muted Azure Lagoon color palette (#CCF0E6, #2895EE, #8F4A00, #005794, #0D0300)
• Misty Wisteria color palette (#D1E6DD, #9EA5F3, #C571BD, #007C79, #010825)
• Ultramarine Quarry color palette (#E2EFFF, #2C8AFD, #005FD1, #003370, #000108)
• Cobalt Meadow color palette (#E1EFFC, #0073BB, #8A5B00, #575100, #000205)

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