Cobalt Studio color palette — #FAF4EC · #A5D0BE · #3F7DB4 · #005E69 · #253962

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#A5D0BE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F7DB4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E69): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#253962): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Ancient Study color palette (#F8F5EF, #B3CEB0, #1B8793, #006247, #004252)
• Cobalt Harbor color palette (#FAF0E8, #9ECFEC, #567AC0, #005C55, #311625)
• Turquoise Study color palette (#C9EAEE, #1FA4C4, #007599, #004D7B, #332C5B)
• Wandering Periwinkle color palette (#FCF2F6, #B5DAF4, #5D94EE, #007D72, #39355A)
• Muted Powder color palette (#EEF8F0, #BDE7FF, #7DB7EF, #3A9BA8, #273B58)
• Navy Lagoon color palette (#E5DED5, #5E86A1, #003B76, #002128, #02002E)
• Wandering Petrol Meadow color palette (#DAFFF2, #EDCFE5, #BFA3E6, #007B9B, #4F364F)
• Timeworn Cypress color palette (#F8F5EF, #CBE4E4, #739FC1, #2A7C82, #5F4B5E)

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