Cobalt Drift color palette — #EDF0E6 · #96CCF0 · #008CE0 · #006883 · #132E50

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

The five colors

• Cream (#EDF0E6): a clean, paper-quiet neutral.
• Sky (#96CCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#008CE0): A luminous, vivid blue — the color of deep harbor water.
• Peacock (#006883): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#132E50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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 Ridge color palette (#EEEFE6, #82D4DD, #0096AE, #006C69, #003442)
• Periwinkle Ridge color palette (#F3F7EC, #ACE1D4, #5B96EA, #0075A3, #4C2F48)
• Petrol Pier color palette (#F8ECE2, #7FB9DE, #3867AE, #004F53, #272854)
• Ancient Iris color palette (#FEF3EA, #CBEBFF, #678FE5, #006A65, #211440)
• Antique Periwinkle Corridor color palette (#E8F1EA, #B3D8F6, #71A8E6, #008EA2, #1D2B53)
• Worn Turquoise Workshop color palette (#F5F6EA, #AAE7EF, #00AEC9, #00837F, #004759)
• Muted Petrol Archive color palette (#E2E5D5, #59AFCA, #007094, #004951, #001624)
• Wandering Bloom color palette (#F4F6F0, #CAE4E7, #8BB5E4, #578EA8, #5D4C5C)

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