Tempered Amber color palette — #FFF0F8 · #EFB889 · #C29335 · #817334 · #34574B
Built around Mustard, softened by Cantaloupe — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Cantaloupe (#EFB889): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Mustard (#C29335): A luminous, balanced gold — the color of afternoon light on wheat.
- Walnut (#817334): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#34574B): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Antique Ridge color palette (#FFEDDB, #E6B16D, #A98440, #746032, #514E47)
- Airy Hollow color palette (#E4FDE5, #E1CB8E, #96A247, #627D41, #2D5857)
- Washed Amber Courtyard color palette (#ECF9EE, #DDC088, #A6AAEE, #AB8637, #424C68)
- Coral Hollow color palette (#FBF1FF, #FAB5BD, #DF7B64, #A16B48, #3F563F)
- Worn Taupe Dune color palette (#EDF9EF, #ACD6C2, #B09866, #896A77, #364D47)
- Weathered Fern color palette (#FFEBE2, #FFC9A7, #D2AD6F, #9D9C62, #565100)
- Amber Atelier color palette (#F9ECD9, #AF9600, #787D00, #2D5800, #00381D)
- Airy Mustard Orchard color palette (#F6E5D3, #DDAD00, #8F8A00, #5D6A00, #0E4812)
Browse the whole catalog at Explore, or see today's palette.