Tempered Drift color palette — #F2EBF3 · #639F9B · #006377 · #063F06 · #000A17

Built around Forest, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Blush (#F2EBF3): a clean, paper-quiet neutral.
• Eucalyptus (#639F9B): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006377): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#063F06): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Abyss color palette (#E3DCE4, #78ABBA, #007191, #004E21, #00132F)
• Teal Garden color palette (#F8E1DB, #3CB7B0, #005F72, #052E02, #000104)
• Worn Lagoon Market color palette (#F5EDE0, #3B908B, #00454B, #002417, #000B10)
• Patina Ultramarine Harbor color palette (#F6E7EE, #639AB6, #044FBA, #003C36, #0B0027)
• Sapphire Courtyard color palette (#F5E5EC, #86B9D7, #3C6DD9, #005A54, #221247)
• Misty Lagoon color palette (#E3F2E2, #99A965, #009478, #95001A, #110D00)
• Cobalt Corridor color palette (#F5EBF2, #A0CCE0, #1F8ECF, #006F4F, #1D2958)
• Tempered Bronze Coast color palette (#ECE6D2, #957800, #624600, #201700, #030200)

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