Tempered Amber color palette — #FFF2EC · #FFCD9D · #C09100 · #5F5900 · #283200
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Peach Cream (#FFCD9D): A whisper-light, balanced gold — the color of honey in a jar.
- Mustard (#C09100): A luminous, balanced gold — the color of honey in a jar.
- Olive (#5F5900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#283200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Feathered Marigold color palette (#FFDEBC, #D29C27, #876900, #514700, #193A15)
- Airy Amber Meadow color palette (#FFF1F1, #FFCBBD, #E36F09, #825500, #372900)
- Sunflower Canyon color palette (#FFF3E5, #F8CB3B, #948F23, #416302, #002A05)
- Gentle Boulevard color palette (#FFD995, #B5A100, #5D6E00, #113300, #000502)
- Weathered Terrace color palette (#FFF3E2, #BA8800, #403E00, #1E1303, #030100)
- Marigold Workshop color palette (#FFDDD8, #FFB173, #CC9900, #818600, #1E4100)
- Sunlit Grove color palette (#FFEFE2, #E7A100, #8D7800, #454E00, #0A1900)
- Moss Pier color palette (#EAE8CE, #769500, #0F6810, #002113, #000201)
Browse the whole catalog at Explore, or see today's palette.