Cobalt Drift color palette — #F9F3F8 · #E8D8D8 · #E5BBB0 · #4B72C7 · #251A24

A conversation between Sapphire and Sand, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Bone (#E8D8D8): bright and airy, almost weightless.
• Sand (#E5BBB0): A whisper-light, dusty orange — the color of autumn markets.
• Sapphire (#4B72C7): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#251A24): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Washed Thicket color palette (#FDF2F5, #E3D8D2, #D2BEAB, #8C62A5, #29191E)
• Washed Quarry color palette (#F0F7F3, #D0DFE1, #DFC1C6, #03849B, #16211B)
• Ancient Veranda color palette (#EAEFF7, #D7D0E5, #C0B4CD, #7A8DD7, #282E3A)
• Denim Cabin color palette (#E4E9F1, #C8CAD9, #A79FB6, #34548A, #0B1625)
• Deep Amethyst color palette (#FDDAEA, #8449EC, #381535, #221512, #0D0005)
• Pale Pine color palette (#FDF4E4, #B3C382, #2A8C39, #53477B, #1D1800)
• Plum Lantern color palette (#E7FAF3, #009BE5, #B8004B, #1A4400, #001010)
• Peony Workshop color palette (#EEF6FF, #CEB8E9, #C3749B, #32694E, #1F290C)

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