Cobalt Study color palette — #F0F5FF · #F9D7CC · #5B72B8 · #2A365A · #0B0F18

Slate and Navy set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Shell Pink (#F9D7CC): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#5B72B8): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2A365A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0B0F18): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Pewter Study color palette (#F6F3FF, #F2DBC3, #965F99, #3B3254, #100E16)
• Cerulean Courtyard color palette (#EBF7FF, #C0F6C0, #1682A6, #003F53, #061118)
• Timeworn Stone color palette (#F8EEF6, #C9B07D, #44537C, #1A2546, #120911)
• Antique Iris Terrace color palette (#F0F6FF, #ECD38F, #7993D2, #526480, #1B222D)
• Wisteria Atelier color palette (#F2F5FE, #EAD3EB, #CB7EC6, #8E7ACB, #140F20)
• Mulberry Atelier color palette (#FAF1FF, #FFC09D, #954367, #46112A, #060208)
• Bronze Thicket color palette (#E9F8FF, #25B1CB, #A58300, #426925, #032226)
• Softworn Mallow color palette (#FFF0F9, #F5B0F2, #C5749B, #875729, #362C44)

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