Tempered Olive color palette — #FAF4EC · #B9B181 · #6E7B36 · #70514A · #543F00

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sage (#B9B181): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#6E7B36): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#70514A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#543F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, 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

• Washed Lagoon color palette (#F6F6EB, #92BB9C, #1F866A, #764D4B, #3D4800)
• Patina Olive color palette (#FFF5DA, #C0B566, #767500, #4E4600, #363000)
• Muted Stone Boulevard color palette (#FBF0E4, #B8B77B, #5C8057, #684B58, #2D2713)
• Hushed Seafoam color palette (#FCF5E2, #D4E6C9, #8CD5A9, #917448, #594A00)
• Hushed Driftwood Veranda color palette (#FEF1F5, #C9C895, #789A72, #6B7089, #30493D)
• Frosted Iris color palette (#FDF4E3, #BA9C44, #7080E1, #7C6200, #383F64)
• Worn Market color palette (#FFF4DC, #9B8928, #0089A4, #8B527B, #3B3831)
• Tempered Taupe Station color palette (#ECF9EE, #BBDFC8, #B3AF78, #A88498, #2D4A39)

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