Cobalt Drift color palette — #FDEDF5 · #96DBFA · #4887C5 · #006260 · #18204B

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

The five colors

• Blush (#FDEDF5): A whisper-light, dusty rose — the color of pressed rose petals.
• Powder Blue (#96DBFA): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#4887C5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006260): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#18204B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Ancient Station color palette (#F7EFF4, #AACFD7, #188B9C, #0F5F33, #002434)
• Dusty Cobalt Basin color palette (#EBF8F7, #A2D7EF, #1A89BE, #006475, #00436D)
• Frosted Sapphire color palette (#FEECF4, #85C5E7, #006FD7, #005153, #120D49)
• Tempered Mallow color palette (#E4F5FF, #CFDCFF, #C7A1E6, #008086, #0A2848)
• Turquoise Workshop color palette (#C6E7E2, #00B0C0, #007B9B, #004A73, #081F56)
• Gentle Thicket color palette (#FEF3EB, #ACE4FE, #35A0FD, #00837F, #2D3A75)
• Worn Corridor color palette (#F6E8EF, #4D95AD, #004D7B, #002C28, #00001F)
• Azure Boulevard color palette (#CAEAFF, #2BA0DB, #9C4700, #675600, #001B2A)

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