Tempered Amber color palette — #F5DBDA · #FF8962 · #D87400 · #9B6700 · #403700

Mustard and Salmon set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F5DBDA): A whisper-light, dusty orange — the color of autumn markets.
• Salmon (#FF8962): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D87400): A luminous, balanced gold — the color of old brass.
• Ochre (#9B6700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#403700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Veranda color palette (#FDEBE3, #F57910, #B46000, #7F4800, #432800)
• Ancient Study color palette (#F9D7B7, #EAAC00, #D57B10, #AF5039, #2E2A00)
• Weathered Villa color palette (#F8E0D3, #F29D10, #A98C00, #717100, #213600)
• Powdered Rose Garden color palette (#F1DAE3, #FF8096, #FF4E4F, #AC4300, #4D2B00)
• Chalky Amber Field color palette (#D7F2F8, #FF9ABC, #D87F00, #5E3D1D, #1D1207)
• Ancient Mustard Field color palette (#FFD8BE, #FFB24B, #C2A000, #808300, #324E02)
• Antique Market color palette (#FFEBE1, #FFCAAB, #E4AB6D, #9C8D5E, #604B00)
• Gentle Veranda color palette (#FDDFBE, #FFB964, #1BB5F7, #A16500, #003249)

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