Tempered Amber color palette — #F0E7C5 · #AB9000 · #3D643B · #3F3400 · #0F0500
A conversation between Mustard and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E7C5): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#AB9000): A luminous, balanced green — the color of fresh herbs.
- Pine (#3D643B): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#3F3400): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Balance. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Amber 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 Amber Veranda color palette (#F4D9C0, #CF7A00, #5B5D1F, #39342E, #130300)
- Softworn Moss color palette (#ECEBDB, #75A300, #006956, #36352E, #0C0600)
- Antique Bronze Delta color palette (#EFEAD0, #8A7700, #303E04, #201A00, #010A02)
- Patina Olive Drift color palette (#F6F2E4, #BEBB72, #748440, #675200, #26211B)
- Softworn Mint Veranda color palette (#DEE9D6, #00C6A1, #5D7768, #444D3D, #191911)
- Deep Boulevard color palette (#E8E2CC, #6C5A00, #032602, #0B0700, #040002)
- Washed Pine Orchard color palette (#E4EFD3, #009060, #004B54, #182105, #020200)
- Moss Studio color palette (#FFECD5, #CCAE00, #6FA400, #008945, #003730)
Browse the whole catalog at Explore, or see today's palette.