Cobalt Drift color palette — #F3EADD · #68BCE8 · #0378C7 · #005862 · #071B49

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F3EADD): bright and airy, almost weightless.
• Sky (#68BCE8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0378C7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#071B49): 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

• Dusty Canyon color palette (#E9E1D3, #51C4D0, #00829E, #005A4F, #002334)
• Timeworn Bloom color palette (#E7FAF8, #AED1EA, #1182BE, #004F60, #000D1E)
• Hazy Orchard color palette (#EDE1D9, #71A7C3, #1B579A, #003E3F, #151351)
• Gentle Azure color palette (#F6E5ED, #98C7E2, #5594E3, #007C7F, #16144E)
• Sunlit Glacier color palette (#FFF4E2, #49E2F3, #009CBE, #007466, #003751)
• Quiet Periwinkle color palette (#FDF4E6, #B7E1FF, #579EF2, #007F94, #2F3D68)
• Muted Blush color palette (#FFE9F1, #EEA9EF, #EB7FA8, #5A5A9C, #401B26)
• Muted Studio color palette (#F9F4ED, #C2F1EC, #86B9D4, #71906F, #38504A)

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