Tempered Olive color palette — #F5F6EF · #B0CA9D · #198BA5 · #4B7D15 · #24322A
A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Pistachio (#B0CA9D): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#198BA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#4B7D15): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#24322A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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 Pine Chapel color palette (#F4F6F0, #99CEB4, #6B7BAC, #12805A, #362933)
- Weathered Cabin color palette (#F9F4EF, #D5BD94, #228F8A, #8E6500, #253224)
- Weathered Lagoon Thicket color palette (#EBF4F3, #97D4A9, #159691, #448159, #0B181B)
- Hushed Turquoise Market color palette (#F4F6F0, #A5E1BD, #00B0BB, #529F74, #263128)
- Ancient Nightshade Studio color palette (#E3ECE1, #00897E, #3A00AB, #003B35, #0B0006)
- Tempered Atelier color palette (#FFF2EC, #86B495, #2C8494, #844340, #414C3A)
- Patina Denim color palette (#F8F8D2, #91C4AC, #3E908E, #006376, #004B74)
- Inked Boulevard color palette (#D5E7D9, #007682, #500066, #002D32, #040007)
Browse the whole catalog at Explore, or see today's palette.