Tempered Mint color palette — #F4F8E3 · #81CD7D · #D08BB9 · #549151 · #5B3639
Built around Mint Leaf, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F8E3): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#81CD7D): A luminous, balanced green — the color of a quiet forest floor.
- Mauve (#D08BB9): A luminous, balanced pink — the color of neon signs at night.
- Fern (#549151): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#5B3639): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Mint 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
- Hushed Mint color palette (#EEF9EA, #3CD1BD, #DA899D, #0B9485, #5E362F)
- Quiet Emerald Ridge color palette (#E8F9F7, #B1E3B6, #ED9CD3, #3EA151, #542546)
- Frosted Pier color palette (#F3FAD6, #5CBD6D, #D275A4, #B56767, #373932)
- Timeworn Mustard Drift color palette (#FCF4E4, #D3B548, #A798E0, #947F31, #573747)
- Pine Coast color palette (#E5FAF7, #7EAE75, #C1724D, #3E7533, #613520)
- Chestnut Studio color palette (#FFF3E4, #C4C092, #AC8855, #935831, #424000)
- Jade Pier color palette (#F3F7EA, #A1DCB2, #8CC2FC, #46B871, #214469)
- Aged Powder Veranda color palette (#F6F8DE, #BFF0E1, #B3D7FF, #AF9C75, #4A5542)
Browse the whole catalog at Explore, or see today's palette.