Cobalt Drift color palette — #DFE6D3 · #84B6E7 · #3A75C1 · #005475 · #0E1D40

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

The five colors

• Parchment (#DFE6D3): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#84B6E7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#3A75C1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005475): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E1D40): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Petrol color palette (#EAECDE, #58C2DA, #0081A1, #00585D, #002332)
• Tempered Quarry color palette (#ECE4D8, #78A3CC, #2B53A1, #003C4B, #171846)
• Faded Iris color palette (#E6F0E7, #99C5EE, #6190E7, #007995, #161153)
• Indigo Meadow color palette (#FBF4ED, #ACD0F3, #666FCC, #005155, #150027)
• Worn Cerulean Coast color palette (#F4F7E8, #6DDBFE, #0099C9, #00717C, #003752)
• Worn Stone Loft color palette (#F4F6EE, #C1EDEE, #8DBDAD, #6A917A, #3D5952)
• Crimson Orchard color palette (#FDD9D7, #D90034, #836400, #7C2C99, #2A0004)
• Washed Amber Ridge color palette (#FFD7D1, #FFA989, #D98740, #914850, #361504)

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