Tempered Olive color palette — #F8EED5 · #6A7A40 · #453C00 · #1C0F00 · #000200

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EED5): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#6A7A40): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#453C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#1C0F00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Coast color palette (#DCF6E8, #828637, #6A6100, #4C3E00, #030400)
• Bronze Workshop color palette (#F2E4D9, #926A2E, #5F2B00, #2B0001, #020100)
• Washed Moss Summit color palette (#F5E6CD, #8D8B25, #624900, #351900, #010100)
• Chestnut Alley color palette (#F9E1C8, #B0975E, #895000, #5A1700, #040400)
• Linen Alley color palette (#FFF6CC, #B2C662, #927D00, #6C4300, #031F01)
• Hushed Bronze color palette (#FFF2EB, #D4A982, #A56349, #6D3136, #1A1100)
• Pale Raspberry color palette (#FFE7E4, #C5427B, #364200, #53002C, #020100)
• Charred Mulberry Grove color palette (#FCE5E0, #91003E, #00473A, #001E17, #040001)

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