Tempered Amber color palette — #D8ECD8 · #CD8C00 · #4A6A59 · #324133 · #120B0E
Mustard and Pine set the tone — five colors that lean into optimism and sophistication.
The five colors
- Honeydew (#D8ECD8): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#CD8C00): A luminous, balanced gold — the color of honey in a jar.
- Pine (#4A6A59): A full-bodied, dusty teal — the color of sea glass.
- Forest (#324133): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#120B0E): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. 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
- Washed Mustard color palette (#D9E9DF, #C4AA00, #58786E, #3E4E44, #141A14)
- Tempered Moss Summit color palette (#E2EACF, #869E00, #376639, #073E31, #000B04)
- Worn Bronze color palette (#E4F4E3, #AD7200, #164A3C, #192519, #110B0F)
- Weathered Tangerine Basin color palette (#EFDBE6, #F9670B, #7A5562, #473740, #120A11)
- Ancient Canyon color palette (#D3E4E3, #00C066, #387467, #214948, #051512)
- Aged Olive color palette (#E0F1E9, #706F00, #1E3B05, #111F22, #000A05)
- Patina Emerald color palette (#C9E7E8, #00A575, #1E5F5B, #1A3536, #000605)
- Misty Mustard color palette (#F5E4C9, #D9B400, #AD9C00, #788229, #30451F)
Browse the whole catalog at Explore, or see today's palette.