Tempered Olive color palette — #FCF6D6 · #B9F0CF · #9DC283 · #5B8E4F · #52544D
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FCF6D6): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#B9F0CF): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#9DC283): A luminous, balanced green — the color of fresh herbs.
- Fern (#5B8E4F): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#52544D): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Aged Parlor color palette (#FFF3E5, #DDDFBF, #C8AB63, #988225, #4E4B44)
- Teal Canyon color palette (#ECFCDB, #AAF2FB, #56C2B1, #008F89, #385639)
- Worn Mint color palette (#C2F9D0, #48CD93, #008B6A, #005042, #002B25)
- Moss Quarry color palette (#F5F7E7, #CEF1C5, #F9BBA3, #68AE57, #633A2B)
- Patina Lagoon Market color palette (#DBFFED, #73DABB, #009C88, #006E65, #003A3A)
- Fern Veranda color palette (#F3F7E7, #CCE4D4, #A9CB9D, #96BCCF, #435611)
- Tempered Amber color palette (#F4F7E4, #A9DBA8, #68CCDD, #C69950, #383932)
- Worn Teal color palette (#D0E8E1, #00A899, #007773, #004444, #000D0F)
Browse the whole catalog at Explore, or see today's palette.