Cobalt Drift color palette — #F8EFF2 · #A0CEEB · #5379C9 · #005C56 · #191D3B

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#A0CEEB): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5379C9): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#191D3B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Terrace color palette (#F6EFF6, #A4D0DC, #0089AB, #185E29, #0B2138)
• Cobalt Villa color palette (#EEF8F0, #92CDF3, #427BB9, #005E6B, #283B59)
• Washed Cypress color palette (#FBF4EE, #A8DCFD, #7A94CE, #007C77, #4F2F3F)
• Violet Loft color palette (#D3F1E6, #8A9B41, #915EC8, #505C00, #240F39)
• Patina Denim Villa color palette (#F4E9F1, #4697A4, #004F73, #002D1B, #00001F)
• Nightshade Meadow color palette (#F0DEE4, #447FA7, #1A219D, #001F1F, #020008)
• Worn Ultramarine color palette (#E4ECE3, #73A1CA, #3D44BD, #00393B, #120024)
• Aqua Bloom color palette (#DDFAEE, #B4EACF, #34C4E3, #9A692C, #062D26)

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