Cobalt Drift color palette — #E7F6F2 · #8EB8E2 · #C78E5A · #3775AF · #35302B

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7F6F2): a clean, paper-quiet neutral.
• Sky (#8EB8E2): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C78E5A): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3775AF): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Sky Lantern color palette (#EDF6FF, #71B7EF, #B59262, #4278A1, #3F533F)
• Hushed Taupe Grove color palette (#FDEDF3, #B9A7E7, #A0A250, #7864A5, #33312A)
• Softworn Boulevard color palette (#EAF6EB, #6EC3C9, #DA7C86, #178187, #442921)
• Worn Powder Pier color palette (#EEF6FF, #94CAFF, #D4A877, #6290BF, #64414D)
• Antique Drift color palette (#FCECFC, #759ED6, #C87076, #60844F, #2E232E)
• Aged Field color palette (#F9EEF9, #EAD2D4, #CDA591, #659581, #473A44)
• Hushed Denim Station color palette (#F8EFF3, #D6C195, #61598A, #432736, #1A1115)
• Softworn Ultramarine Studio color palette (#FFEBFA, #738EFF, #A67B00, #3644CE, #2C1E00)

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