Tempered Olive color palette — #F1DFC2 · #827C00 · #4C6F00 · #00502F · #000B09

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

The five colors

• Parchment (#F1DFC2): A whisper-light, dusty gold — the color of honey in a jar.
• Olive Leaf (#827C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#4C6F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00502F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000B09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Bronze Study color palette (#F4E3DA, #9D6B00, #655D00, #364600, #000F03)
• Feathered Terrace color palette (#E5E9CF, #498A00, #006C52, #004745, #000F13)
• Ancient Courtyard color palette (#DAF5E0, #00A751, #00783B, #004625, #000300)
• Muted Grove color palette (#D2E5CD, #4BAA27, #9B41BF, #195000, #0D0015)
• Hushed Field color palette (#C7F3E9, #29CBA4, #4CA1CF, #876400, #001003)
• Dusty Lagoon Atelier color palette (#E7F4E7, #009C82, #007B82, #005067, #001222)
• Tempered Hollow color palette (#EAF3DB, #C500DF, #8F7400, #1C1500, #000201)
• Bronze Balcony color palette (#FBDCE7, #9D7C00, #8C4E00, #6E211D, #000503)

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