Cobalt Drift color palette — #E2F2F2 · #A8C9E6 · #508AC5 · #006787 · #152D53

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E2F2F2): bright and airy, almost weightless.
• Sky (#A8C9E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#508AC5): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#152D53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Weathered Orchard color palette (#E3F2EF, #8FD2D5, #0097A8, #006D65, #00343F)
• Quiet Azure Field color palette (#F3F7EC, #D7DFFC, #3795F0, #006585, #031C45)
• Wandering Petrol Chapel color palette (#F6EBEF, #90B6D5, #4465AB, #004F56, #2B2459)
• Chalky Periwinkle Courtyard color palette (#F7ECE2, #B0D9F9, #76A2FD, #008F9B, #2B274F)
• Tempered Teal Boulevard color palette (#D6E3E1, #4EA1A6, #00646F, #003C37, #000B10)
• Turquoise Basin color palette (#E7FAF7, #A7E8F2, #1AADCB, #008283, #00475C)
• Washed Cerulean Grove color palette (#EDF8F7, #D9DBE9, #9BB3D3, #618CA6, #44536B)
• Quiet Alley color palette (#C8E6DE, #79AA29, #0094BD, #4C7000, #002E3D)

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