Tempered Drift color palette — #EFF8F1 · #C1AD77 · #2A824B · #765C00 · #0C2928

Fern and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Camel (#C1AD77): A luminous, dusty green — the color of fresh herbs.
• Fern (#2A824B): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#765C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#0C2928): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Ancient Workshop color palette (#ECF8F4, #A6B77B, #007F82, #566900, #11282E)
• Terracotta Archive color palette (#FCF2F8, #D3A18F, #617A12, #9F3A0A, #132923)
• Chestnut Chapel color palette (#FAEEF2, #DFA669, #008782, #8E5600, #021115)
• Hushed Pine color palette (#FBF3BC, #AAB783, #4D8247, #00613F, #00453A)
• Muted Nightshade color palette (#EAFAED, #939F5B, #2E7B52, #4B3F8C, #16463E)
• Wandering Olive Corridor color palette (#F0F7F4, #D3DCDD, #ADC4CC, #78792C, #3F4B46)
• Aged Moss color palette (#E0F9ED, #939500, #006257, #494A00, #001612)
• Bronze Pier color palette (#FBF4ED, #F1B781, #00A2B0, #B86B03, #1B281E)

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