Cobalt Drift color palette — #F9F3F8 · #E0D7D8 · #B1ACA0 · #6881B7 · #575056

Built around Slate Blue, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E0D7D8): a clean, paper-quiet neutral.
• Ash (#B1ACA0): a calm mid-gray that lets other colors speak.
• Slate Blue (#6881B7): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#575056): a grounded near-black with real depth.

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

• Wandering Boulevard color palette (#F5F0F5, #E1D5D4, #BEB1A1, #6785AC, #3A343A)
• Pewter Harbor color palette (#FBF3F4, #E1D8D3, #C8BDB3, #975C90, #534345)
• Weathered Ridge color palette (#FCF4E8, #97A5D5, #856B95, #745300, #57404D)
• Navy Ridge color palette (#E4DEE2, #A4959B, #83686F, #1F0080, #11050E)
• Ancient Ridge color palette (#FBF2F8, #8D93C6, #9A5C60, #555809, #064B54)
• Worn Bronze color palette (#FFF0F9, #CFB6BD, #A78686, #8B7029, #555200)
• Dusty Wisteria Lantern color palette (#FFF0F8, #DBDCF2, #C9C5FF, #C286BD, #583E49)
• Aged Fern Harbor color palette (#F8F5EC, #C4C2AA, #688C68, #466F65, #554F00)

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