Cobalt Drift color palette — #FFF2E9 · #87DBFF · #0682DC · #006764 · #2F3B6E

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Ice Blue (#87DBFF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#0682DC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2F3B6E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Soft Glacier Garden color palette (#FFF2EC, #67E4EB, #008DAE, #006A49, #04436A)
• Cobalt Canyon color palette (#FAF0E8, #A3D9F1, #4C84CD, #006357, #221952)
• Chalky Sapphire color palette (#FFF3E8, #67C3F5, #236CC8, #005558, #292A63)
• Frosted Drift color palette (#FFF0F8, #ABE4FF, #689DE6, #008474, #3C376C)
• Sky Study color palette (#EFF8F1, #C3EBFF, #6CBEFF, #00A4B0, #1D3E72)
• Faded Cerulean Boulevard color palette (#F8E9E0, #009EC5, #004D7C, #00302C, #030C3D)
• Washed Lagoon Lantern color palette (#F9E9E1, #369091, #004453, #002414, #000A15)
• Washed Balcony color palette (#FAF4ED, #C6EBF0, #AF8CA9, #54795F, #604C56)

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