Cobalt Drift color palette — #B4EFED · #70AAB4 · #7176AF · #3D5C41 · #1D453D

Slate and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B4EFED): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#70AAB4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#7176AF): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#3D5C41): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#1D453D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vintage, retro, muted, cool.

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

• Muted Fern Orchard color palette (#D4ECE8, #41A5E2, #845BA4, #1E600B, #004636)
• Timeworn Driftwood Field color palette (#D9FDFF, #A3BDCF, #8189AF, #527162, #3D5757)
• Tempered Teal Studio color palette (#BAF1E2, #7BB8A7, #5C7FA0, #794F3E, #5A4251)
• Hushed Pewter Boulevard color palette (#D2E3FA, #9A86B8, #8B515E, #175150, #0D3F26)
• Dusty Station color palette (#CBEDFF, #ABA5E5, #A66690, #216B4C, #0D5238)
• Cocoa Lagoon color palette (#CFECD1, #5EA6CA, #6778A0, #75381C, #382819)
• Tempered Field color palette (#CFE7EF, #7CC5E7, #7A8FAE, #7D5D7A, #563846)
• Hushed Indigo Pier color palette (#FBF2F5, #A7C9EA, #6370C3, #005F62, #363757)

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