Cobalt Drift color palette — #E7EDF2 · #BFBED1 · #A8A3C0 · #2284D4 · #15202B

Azure and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E7EDF2): bright and airy, almost weightless.
• Ash (#BFBED1): A luminous, dusty violet — the color of a velvet chair.
• Mauve (#A8A3C0): A luminous, dusty violet — the color of twilight just after sunset.
• Azure (#2284D4): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#15202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Indigo Field color palette (#E3E9F3, #B2ADBD, #A592B8, #5569C3, #0D1420)
• Antique Lagoon color palette (#D7E2E6, #B5C1D3, #9AA8C3, #009299, #132227)
• Denim Field color palette (#DEE7EE, #ADB3BF, #8B8AA7, #00496B, #000C18)
• Ancient Iris color palette (#F2F5FE, #DFD5EB, #E1B5D6, #8A86FF, #2A3248)
• Ancient Loft color palette (#D5E1F6, #8AC2FF, #B394ED, #9D7EFF, #0C0C39)
• Tempered Violet Terrace color palette (#EADBE9, #778DFE, #844FE3, #9E0445, #121032)
• Soft Orchid Orchard color palette (#E2E3F7, #AE95D9, #A267AE, #914946, #3C1907)
• Wisteria Studio color palette (#F4F4FE, #E2D5E1, #C1A59E, #C28BDB, #3F3E4D)

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