Cobalt Drift color palette — #F1DCE5 · #5EBDF0 · #4670C9 · #005A54 · #211443

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

The five colors

• Shell Pink (#F1DCE5): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#5EBDF0): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4670C9): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#211443): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cobalt Orchard color palette (#F5E8F3, #65C1CE, #007EB1, #005C3A, #091B49)
• Washed Cobalt Balcony color palette (#FDF3EC, #ACD7C6, #407AC9, #005153, #090034)
• Softworn Denim color palette (#E4E7DC, #75A6C2, #005C90, #003C4B, #002040)
• Denim Canyon color palette (#F3E4EC, #2B9FCD, #1654AB, #003C35, #0A0126)
• Hazy Azure Pier color palette (#FEF0FB, #6CDEED, #0097D3, #00764C, #192F62)
• Patina Navy Station color palette (#CBF8F2, #00A0B0, #006E98, #0A358F, #201751)
• Feathered Azure Studio color palette (#D1EAFF, #28A2E0, #935200, #005981, #2B1400)
• Faded Wisteria color palette (#BBE6FF, #B0B5FA, #CC7FC5, #00766F, #0E2244)

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