Cobalt Drift color palette — #F1F5FF · #F7C1C6 · #7279AC · #424D66 · #262B36

Slate takes the lead with Oat close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Oat (#F7C1C6): A whisper-light, dusty red — the color of embers at dusk.
• Slate (#7279AC): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#424D66): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#262B36): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cobalt Bloom color palette (#EEF6FF, #AADFC1, #5A80AE, #3B4F66, #262C33)
• Wandering Dune color palette (#F4F4FB, #DDC4FB, #D27CA4, #997EB7, #322A37)
• Weathered Plum Summit color palette (#F9F2FD, #F3B493, #A4517A, #4C3959, #261E2C)
• Ash Villa color palette (#FAF2F8, #F3DAB4, #B791AC, #7C6475, #32272F)
• Taupe Bloom color palette (#FFF0F8, #E1AAD0, #C07B8F, #8B6737, #4D4356)
• Tempered Grape color palette (#F3F4FF, #FF9B92, #7F49B6, #462A64, #18182E)
• Tempered Harbor color palette (#F5F4FB, #DED7DE, #BDADB0, #AA90B9, #525258)
• Airy Blush color palette (#F5F3FF, #E8BDE2, #CF84B3, #9A5572, #6A2F41)

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