Tempered Mint color palette — #F7F8D8 · #BAE9B5 · #77CB86 · #69A57F · #50534C
Built around Mint Leaf, softened by Mint — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F8D8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#BAE9B5): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint Leaf (#77CB86): A luminous, balanced green — the color of new leaves after rain.
- Jade (#69A57F): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#50534C): a grounded near-black with real depth.
Feels like: Nature, Growth, Softness, Clarity. Tagged light, muted.
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
- Airy Mint color palette (#EBFCDB, #99E7D1, #4ED3BD, #429E97, #3C543D)
- Frosted Jade color palette (#FFF5D4, #B6D195, #61AF6F, #43896E, #3F533B)
- Patina Lagoon color palette (#FBEDCC, #A2BC88, #649664, #196958, #233925)
- Patina Stone color palette (#EFF9E7, #C2ECDB, #C7C4D4, #B0BC95, #485242)
- Mint Atelier color palette (#DBEBE1, #00E1A3, #00BE9A, #008B7A, #004F48)
- Tempered Powder Market color palette (#EDF9E9, #7DDBCB, #84C4FF, #ACB576, #3B4636)
- Softworn Cocoa Quarry color palette (#FAF4EB, #EAD7B1, #C8B387, #A48E72, #594500)
- Quiet Teal Boulevard color palette (#D0FAF5, #00A8A9, #008A91, #006976, #002831)
Browse the whole catalog at Explore, or see today's palette.