Cobalt Study color palette — #F9F4EF · #A2D0C4 · #6A72B3 · #005F64 · #442F5A

Slate and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Pistachio (#A2D0C4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6A72B3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
• Royal Purple (#442F5A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Study 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

• Patina Cobalt Quarry color palette (#FCF3EF, #ADCFB4, #0C82B2, #00633C, #223965)
• Cobalt Terrace color palette (#EEF4EF, #A7CCF0, #4E78CE, #00586F, #1A1C3C)
• Weathered Cypress color palette (#FAF3F0, #CBE3D2, #5891B6, #167350, #5B3B56)
• Muted Thicket color palette (#FAF4EC, #B5D9FB, #6A93E5, #007895, #4D2F44)
• Sapphire Drift color palette (#FFF3E9, #7CC2E5, #0264E4, #00574E, #341A77)
• Weathered Lagoon color palette (#D9E2D4, #4AAB81, #00786D, #005960, #00415E)
• Muted Petrol Market color palette (#DDFFE7, #5EB5C7, #007483, #004143, #00292C)
• Washed Lagoon Basin color palette (#EDE3E0, #4A8D8D, #004356, #002507, #00091A)

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