Cobalt Drift color palette — #F7F0E9 · #A3CDEF · #4E77D3 · #005A63 · #331327

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

The five colors

• Cream (#F7F0E9): bright and airy, almost weightless.
• Sky (#A3CDEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4E77D3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A63): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#331327): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Delta color palette (#F8F0EB, #ADD2BB, #1D84BA, #005D51, #2D172D)
• Ancient Cobalt Orchard color palette (#F4F6EE, #99CBF6, #427BBA, #005B7B, #493147)
• Ancient Cobalt color palette (#FAEFE8, #6EC8ED, #0075C5, #00524F, #0A0B4F)
• Muted Veranda color palette (#FFF1F5, #B3DAFA, #7994D0, #007A86, #38355A)
• Tempered Cerulean color palette (#F7F0ED, #C7E5CD, #1D9BC4, #216D56, #0F332C)
• Hushed Denim color palette (#EADCD4, #4397AB, #004F74, #002C26, #000314)
• Airy Raspberry Terrace color palette (#FADBD6, #C44A75, #00816B, #006580, #280705)
• Mustard Dune color palette (#FFEDE9, #EBD3BA, #CDA642, #905F86, #371C13)

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