Cobalt Drift color palette — #F8EAF1 · #8CCFEE · #3889D9 · #006C6A · #212957

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Sky (#8CCFEE): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#3889D9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#212957): 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

• Hushed Cerulean color palette (#F7EAF3, #85D4D6, #0095B4, #006F4A, #00314E)
• Ancient Iris Balcony color palette (#FBF2F6, #B1DAF9, #6B94E2, #007A84, #2F3958)
• Timeworn Petrol Atelier color palette (#EDF0E6, #70BCE1, #006FA3, #004D5D, #08304F)
• Turquoise Summit color palette (#FEF1FA, #91EDEF, #00ADD0, #00875A, #0D4465)
• Petrol Garden color palette (#E8DAE3, #52B1C5, #006E9C, #004B3F, #001232)
• Patina Powder color palette (#FAF3F6, #DADEED, #8AB3ED, #519395, #4A5266)
• Gentle Study color palette (#F1E4FA, #CF538E, #00906C, #00787B, #281732)
• Ultramarine Lantern color palette (#F3E4E8, #6F97BB, #324CB4, #003A43, #0B0026)

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