Tempered Olive color palette — #F2E6D3 · #CC9000 · #6E8A00 · #006D90 · #2E0211

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

The five colors

• Parchment (#F2E6D3): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CC9000): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#6E8A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006D90): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#2E0211): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Softworn Ember Drift color palette (#F7E0D2, #E96C3B, #917F00, #007283, #250309)
• Cobalt Study color palette (#FFF3E6, #D69A59, #5AA95D, #3378C8, #33160A)
• Softworn Summit color palette (#F6E9DD, #D68E32, #009859, #2653E1, #2C0705)
• Ultramarine Market color palette (#F4DBD4, #EA7B88, #6D9300, #005FBB, #410011)
• Aged Market color palette (#F3EEDB, #9DA600, #009490, #7932D2, #1E0D00)
• Timeworn Lapis color palette (#EEDBC1, #F68672, #A78300, #4C53CC, #3C1900)
• Tempered Bronze Lagoon color palette (#FFF4E0, #9F8300, #00664A, #00424B, #030003)
• Aged Delta color palette (#EEECD5, #618500, #007259, #3A00B8, #050100)

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