Tempered Olive color palette — #ECF9F2 · #D8C380 · #7A751B · #254B3B · #15261E

Built around Walnut, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Honey (#D8C380): A luminous, balanced green — the color of fresh herbs.
• Walnut (#7A751B): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#254B3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#15261E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Cabin color palette (#EFF7F5, #AFDEC6, #648955, #27574F, #1F2F2C)
• Hushed Bloom color palette (#E3FBFA, #BBC357, #007D4B, #004728, #002020)
• Washed Bronze Harbor color palette (#FEF1F6, #DFBF8F, #A1600B, #593B1B, #2C1C22)
• Ancient Harbor color palette (#E9FAF3, #FFDFBE, #747D3C, #373C12, #03130D)
• Tempered Marigold color palette (#E7FAF2, #CFA769, #51560F, #113629, #0F1E1F)
• Muted Thicket color palette (#F9F5E8, #ECD29C, #979960, #756113, #262111)
• Dusty Hollow color palette (#CAE6EC, #80A111, #00514A, #00201D, #000304)
• Teal Archive color palette (#D0FEE0, #7CDBB9, #00A890, #007770, #004648)

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