Cobalt Drift color palette — #F9ECE3 · #7ED1F1 · #4A89D0 · #006E5D · #282852

A conversation between Azure and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Sky (#7ED1F1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#4A89D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#282852): A deep, shadowed, dusty 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

• Forest Garden color palette (#FEE9E4, #7ED6D3, #0095B6, #2B6E32, #0C2F50)
• Ancient Periwinkle Hollow color palette (#FCF3EC, #A6DDFD, #7195D8, #097C74, #4F2E40)
• Azure Canyon color palette (#FDF1F8, #C3EDFF, #5197D6, #006A66, #0F1945)
• Gentle Market color palette (#EADDD0, #83B7E4, #5867D4, #00595B, #281141)
• Timeworn Bloom color palette (#E0F3F1, #86BACF, #147199, #004E59, #00314E)
• Pale Pine color palette (#FFF2EE, #7EF1ED, #00ACD2, #33863A, #194268)
• Turquoise Delta color palette (#F8E4DB, #0CB6C9, #006E9D, #004D31, #020941)
• Peony Summit color palette (#F3E1E1, #E700AD, #008D87, #046D86, #331127)

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