Tempered Amber Field color palette — #F8DEDF · #FF8C79 · #C36E00 · #7D5F00 · #434200

Built around Mustard, softened by Salmon — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DEDF): A whisper-light, dusty red — the color of embers at dusk.
• Salmon (#FF8C79): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C36E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7D5F00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#434200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Amber Field 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

• Worn Ember Coast color palette (#FFCFE4, #FF888A, #EF5200, #885000, #483900)
• Gentle Amber color palette (#FFE9E0, #FFAC78, #E87F00, #AA6600, #533500)
• Patina Tangerine color palette (#FDE2DF, #F3722B, #A46300, #635200, #242E00)
• Misty Marigold color palette (#FFE2D6, #F7991F, #9E8200, #666F00, #194D12)
• Quiet Amber color palette (#FFEBD8, #C9B274, #BF7012, #92473E, #323A0D)
• Mustard Balcony color palette (#FFF3E2, #EDB32A, #AC7B00, #6F4F00, #372700)
• Linen Station color palette (#FFF3E9, #F8ECA1, #3BE5A7, #D6677A, #564618)
• Gentle Periwinkle color palette (#FFF3E9, #FFA86E, #6197FE, #A04E00, #163676)

Browse the whole catalog at Explore, or see today's palette.