Tempered Cobalt Drift color palette — #EBDCE9 · #3BC6D4 · #007EAE · #005D37 · #091D44

A conversation between Cerulean and Cyan, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#EBDCE9): A whisper-light, dusty pink — the color of peonies in June.
• Cyan (#3BC6D4): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007EAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D37): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#091D44): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Tempered 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

• Sapphire Station color palette (#F5E0E8, #7ABAE0, #466FCD, #005A55, #221344)
• Washed Garden color palette (#FFF2EC, #B4D6BB, #0086AE, #005340, #000D1E)
• Ancient Turquoise color palette (#EDEEDF, #57AEB7, #006271, #003E3C, #00242E)
• Washed Cerulean Pier color palette (#E2F2EF, #8FCCD3, #00A4BC, #007D79, #00242E)
• Muted Atelier color palette (#FFF1F6, #90D4FF, #5483FF, #00736E, #37255F)
• Airy Blush Studio color palette (#D6E2F5, #C9ADFF, #E77F8D, #007487, #251C3D)
• Hushed Lagoon color palette (#FBF2F8, #B6F0FF, #79AAD4, #408A71, #3B4861)
• Antique Sapphire color palette (#D6E2FF, #3B5DFF, #736C00, #375D22, #070E2C)

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