Tempered Olive color palette — #E6F7ED · #91BFB0 · #5C8053 · #3A5871 · #122D25
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#91BFB0): A luminous, dusty teal — the color of glacier melt.
- Fern (#5C8053): A full-bodied, dusty green — the color of fresh herbs.
- Peacock (#3A5871): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#122D25): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Boulevard color palette (#E6F7EC, #9BA673, #4B7038, #464161, #002319)
- Timeworn Basalt color palette (#FBF4ED, #BDAE8E, #657C50, #6B4E6D, #553F00)
- Dusty Cypress Delta color palette (#EDF4EE, #B9E5F2, #499BAB, #006F59, #0B3044)
- Worn Taupe Field color palette (#FFF1F5, #EBE9B8, #85AA7C, #76738C, #263F33)
- Worn Mulberry color palette (#F2EFFF, #BF90C6, #679D6A, #834B8C, #112F14)
- Pale Moss color palette (#C6EFE2, #5EA95B, #006D47, #1A397C, #011C02)
- Forest Pier color palette (#CFEFEA, #00684A, #00322C, #13073A, #000201)
- Patina Forest Boulevard color palette (#D5E7DE, #65843E, #04521B, #3F173E, #040A00)
Browse the whole catalog at Explore, or see today's palette.