Cobalt Drift color palette — #F7F1E7 · #ACDBCD · #4F82D2 · #005F73 · #191E51

Azure takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Oat (#ACDBCD): A whisper-light, dusty teal — the color of sea glass.
• Azure (#4F82D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F73): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#191E51): A deep, shadowed, balanced violet — the color of wild irises.

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

• Worn Cerulean color palette (#F7F1E7, #B5CFBA, #0089A8, #005C51, #002436)
• Dusty Indigo color palette (#FCF2F5, #9FD5FF, #5570F3, #006666, #453662)
• Hushed Lantern color palette (#ECE5D9, #5A91B5, #00488D, #002A33, #01001E)
• Periwinkle Ridge color palette (#EDF9EF, #BBE0FF, #5F9BF8, #007F99, #323B6D)
• Worn Cerulean Atelier color palette (#F1EAE0, #418390, #004257, #001F1D, #000103)
• Hushed Cypress Ridge color palette (#F5F1EB, #C7E4DD, #67A7B8, #2C7A69, #1E3D31)
• Violet Quarry color palette (#F5F3DC, #8DB84D, #8A55C3, #466700, #2D084B)
• Brick Lagoon color palette (#D2EFC4, #519814, #0072DD, #B6003B, #0A1E00)

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