Tempered Olive color palette — #F2E9D5 · #688545 · #004927 · #002023 · #010100

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

The five colors

• Parchment (#F2E9D5): A whisper-light, dusty gold — the color of old brass.
• Olive Leaf (#688545): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004927): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#002023): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Eclipse Fern color palette (#E2F3E9, #4C6821, #003519, #001B1D, #030700)
• Pine Bloom color palette (#D7ECE7, #6B9568, #00763C, #005542, #000900)
• Moss Boulevard color palette (#EEDFC3, #809A36, #065E25, #311C56, #010100)
• Denim Pier color palette (#EEDDD4, #6BAFB4, #005E76, #002D1E, #000103)
• Taupe Meadow color palette (#FFF3E5, #B1A447, #4D6B1C, #323860, #090800)
• Lagoon Harbor color palette (#F8F6E5, #99C9A2, #258874, #12596E, #001F09)
• Emerald Workshop color palette (#FEF5DB, #ACD18A, #00965B, #68438E, #132400)
• Pale Sapphire color palette (#F7E7F5, #3064CA, #645300, #001E73, #020100)

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