Tempered Olive color palette — #F5F2E3 · #A1AB6B · #9B7FBA · #626C00 · #301D41
Built around Olive, softened by Slate Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F2E3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A1AB6B): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#9B7FBA): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#626C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#301D41): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Softworn Pier color palette (#EDF5E7, #68B59D, #B674A4, #00765D, #3C1833)
- Frosted Chestnut Balcony color palette (#FFEFDD, #C59B64, #5993C5, #895900, #002947)
- Moss Dune color palette (#E5FBF3, #B0C07B, #AD95DF, #788B00, #483964)
- Olive Orchard color palette (#F7F6E7, #94A96D, #1C98B6, #577100, #004B5B)
- Moss Hollow color palette (#F6F3D8, #7D9A3B, #896EBD, #7F569B, #231F00)
- Bronze Villa color palette (#FFEEE3, #C7A480, #996750, #6E3B3C, #2D2007)
- Hushed Plum color palette (#E6F9D6, #2BC29B, #BB426D, #006B53, #42001D)
- Wandering Powder color palette (#F5F3DC, #C6E1CB, #8ECED6, #8C7B51, #30312A)
Browse the whole catalog at Explore, or see today's palette.