Tempered Olive color palette — #F6DED9 · #5E8715 · #530020 · #101913 · #170005

Olive Leaf takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6DED9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive Leaf (#5E8715): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#530020): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#101913): quiet, heavy and certain.
• Ink (#170005): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Balance. Tagged luxury, dark, 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

• Moonless Balcony color palette (#F4E1D8, #758100, #550102, #180000, #030000)
• Bronze Thicket color palette (#F6E9DD, #8E7600, #3F2200, #1E2722, #0F0500)
• Pine Workshop color palette (#F3D9DC, #1D8F4B, #490048, #130013, #040001)
• Moss Balcony color palette (#F7E9FC, #7FA100, #7F083F, #380017, #06000A)
• Ancient Moss Station color palette (#EADDD4, #A39800, #682800, #290B00, #070200)
• Cocoa Bloom color palette (#F1E6DF, #BDB19F, #938F6B, #6F2C00, #120803)
• Chestnut Harbor color palette (#F8F0E9, #CEC493, #865428, #35302B, #1B1209)
• Deep Harbor color palette (#E9DCCD, #6C5500, #283333, #1E1100, #020100)

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