Cobalt Study color palette — #F9EFF2 · #A6CCF0 · #6679B1 · #005966 · #211A3B

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Sky (#A6CCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#6679B1): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#211A3B): 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 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

• Tempered Alley color palette (#F8EEF5, #88D7DB, #1789A7, #005E41, #00233A)
• Cobalt Basin color palette (#FCF4EB, #9DD2C3, #6A73AC, #005F63, #433059)
• Sapphire Balcony color palette (#FFECF5, #54C9FE, #0071D1, #005152, #100F47)
• Periwinkle Station color palette (#F3F7EC, #C2E0F5, #7CA8E6, #26779F, #3C253A)
• Dusty Cerulean color palette (#FDE9F4, #3097B4, #004E79, #002C28, #00011C)
• Hushed Stone color palette (#F1F0FF, #FFC7EB, #E8A18C, #6471A1, #2A2436)
• Misty Basin color palette (#E9E9FF, #B265E3, #4E6700, #176C44, #131028)
• Wandering Balcony color palette (#D7E2FF, #8879EE, #784BAC, #592258, #311025)

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