Cobalt Studio color palette — #F9F1E3 · #9DD8FF · #3584DA · #00606F · #13204E

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Powder Blue (#9DD8FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3584DA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00606F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#13204E): A deep, shadowed, balanced 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

• Cerulean Orchard color palette (#F9F1E3, #9ADDE5, #0091B1, #006357, #00293D)
• Pale Cobalt color palette (#FFF1F6, #97D7FF, #5B7CC9, #006762, #423667)
• Sapphire Balcony color palette (#FAF0E2, #8AC2EF, #0068EC, #004F60, #0F0A4E)
• Hushed Delta color palette (#ECF9EE, #B6E1FF, #549EF2, #008093, #2F3E66)
• Worn Denim Coast color palette (#ECE2D3, #5792B1, #004C81, #002B30, #00021A)
• Antique Turquoise Chapel color palette (#F5F1EB, #C6E4DC, #4EABBB, #317A64, #263C31)
• Mulberry Drift color palette (#EAE8BB, #649400, #0078CB, #A8294E, #101C00)
• Ancient Byzantium color palette (#F6F3DC, #97B62A, #9A28EC, #516400, #2B0F43)

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