Tempered Amber color palette — #F5DCD1 · #D86F00 · #8B5900 · #5A3F00 · #25360B

A conversation between Pumpkin and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5DCD1): A whisper-light, dusty orange — the color of autumn markets.
• Pumpkin (#D86F00): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#8B5900): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#25360B): 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

• Washed Field color palette (#F5D8D5, #F54C00, #964600, #663A00, #483000)
• Airy Amber Grove color palette (#EFDAC2, #A9892F, #7C5100, #5D2D00, #2E2A00)
• Faded Hollow color palette (#FFD89C, #C99A00, #807100, #555A00, #004C2B)
• Cobalt Drift color palette (#FBE0BD, #B07800, #0072C4, #6A4600, #002F56)
• Timeworn Delta color palette (#F1E6CD, #9B9000, #596600, #274800, #003126)
• Timeworn Veranda color palette (#FFF1E6, #D6AA7B, #A77600, #736428, #54524B)
• Frosted Aubergine color palette (#F0E9DD, #916A00, #007279, #840092, #302100)
• Tempered Clover Station color palette (#FFF4E1, #E3D751, #75BA4D, #8D4A00, #3F3400)

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