Cobalt Drift color palette — #EFF6FF · #D6DCFB · #C2B7D8 · #3076D4 · #283443

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#D6DCFB): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C2B7D8): A luminous, dusty violet — the color of a velvet chair.
• Azure (#3076D4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Teal (#283443): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Loft color palette (#F0F5FF, #DBD6E8, #C9BADC, #6C90FF, #273347)
• Softworn Indigo color palette (#ECEEF7, #DBD3E9, #C5AFC5, #7C61A9, #2C2D38)
• Cerulean Archive color palette (#E9F8FE, #C8E1FA, #B2BDDD, #008795, #1F3740)
• Cornflower Thicket color palette (#FAF3F9, #E8D7D7, #B4B09D, #3777ED, #2F1E2E)
• Ultramarine Atelier color palette (#FCF2F9, #DECDD7, #C199AD, #344DB9, #402B3C)
• Quiet Cornflower color palette (#DBE9FF, #5582FF, #8D5E00, #484C00, #242700)
• Weathered Lagoon color palette (#DCE2EF, #A4A2B7, #8F7F99, #393C7E, #050915)
• Timeworn Ash color palette (#F1F5FD, #DED8E1, #BCAEB0, #8B9CB8, #4F5358)

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