Tempered Market color palette — #F4EAB0 · #9DB77B · #40895A · #005A4D · #00282C
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#F4EAB0): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9DB77B): A luminous, balanced green — the color of fresh herbs.
- Fern (#40895A): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005A4D): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00282C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Market 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
- Forest Lantern color palette (#FFEEE1, #C0B072, #6D813B, #0A5C20, #002E23)
- Faded Atelier color palette (#E2FED5, #83B78B, #2A895B, #006047, #00473D)
- Muted Lagoon color palette (#F5F5CB, #9CD3B0, #48988B, #006172, #002D4B)
- Worn Taupe Studio color palette (#FFEEE1, #94A55E, #007D6B, #65305B, #232506)
- Aged Basalt color palette (#F6E9C1, #AAB794, #6B8B71, #79574F, #4B291E)
- Gentle Teal color palette (#A8FABD, #00BDA6, #007B84, #004A6B, #001642)
- Muted Lagoon color palette (#DBEFE5, #00A59C, #00677E, #002E4C, #09003F)
- Weathered Studio color palette (#E7EDDC, #00A92D, #006D5D, #003F44, #001622)
Browse the whole catalog at Explore, or see today's palette.