Tempered Olive color palette — #FED7F1 · #A6B0FF · #BB6E00 · #5D8A00 · #181A41
Olive Leaf takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Thistle (#FED7F1): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender (#A6B0FF): A luminous, balanced violet — the color of wild irises.
- Ochre (#BB6E00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#5D8A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#181A41): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Mallow Balcony color palette (#EFDCFF, #D59AFF, #988200, #009154, #2A1338)
- Lilac Loft color palette (#FFE2F0, #A685FF, #BD7800, #198214, #001823)
- Worn Scarlet color palette (#BEF2E3, #73BEFF, #E73725, #907800, #00213A)
- Misty Fuchsia color palette (#FDDFE5, #E46DFF, #DC5E00, #447700, #002933)
- Feathered Iris Courtyard color palette (#F0F5FF, #6F84FF, #8B8000, #5E5600, #05042F)
- Hushed Moss color palette (#FFE8EA, #F99BEA, #839800, #00978A, #381E21)
- Tempered Peony Cabin color palette (#F9E2B2, #D78BFF, #F6209B, #5E7700, #411141)
- Worn Stone Chapel color palette (#FEF1F7, #C0BAF7, #D5B072, #86A478, #493740)
Browse the whole catalog at Explore, or see today's palette.