Cobalt Drift color palette — #EFF6FF · #82B7FF · #BD643F · #3271C4 · #25101E

Royal Blue and Terracotta set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#82B7FF): A luminous, balanced blue — the color of deep harbor water.
• Terracotta (#BD643F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Royal Blue (#3271C4): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#25101E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Balance. Tagged duotone.

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

• Raspberry Corridor color palette (#EDF7FF, #5CBEFF, #C6517F, #0079B4, #1E1422)
• Feathered Bronze Workshop color palette (#F1F5FF, #A4ACFF, #AB7400, #6469B3, #0C1D0D)
• Tempered Amber color palette (#F1F5FF, #BABDFF, #C57767, #7779B6, #2D1F29)
• Sapphire Garden color palette (#FBF2F9, #BBCFFF, #CF6272, #436AE5, #110100)
• Hushed Corridor color palette (#E0EBFC, #5E8AFF, #964700, #2244B6, #0B0005)
• Weathered Byzantium color palette (#EFF1FF, #BC91FF, #9F6C00, #8525DE, #001802)
• Aged Thicket color palette (#CBF9FB, #7E9BFD, #AD5388, #00654C, #2B2E46)
• Muted Station color palette (#FFF1F7, #9C8ECD, #8B3A78, #553C91, #271113)

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