Soft Amber color palette — #FFDFD7 · #D58632 · #957300 · #5B5400 · #183C00

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

The five colors

• Shell Pink (#FFDFD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D58632): A luminous, balanced gold — the color of old brass.
• Ochre (#957300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#5B5400): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#183C00): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Soft 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

• Amber Harbor color palette (#F7E4D5, #BA7700, #7C5E00, #493E00, #2C2F00)
• Aged Fern color palette (#F9E3C9, #B99600, #7A7E00, #186504, #003425)
• Powdered Bronze color palette (#FBD4DC, #E0766B, #AB5700, #6B4300, #363200)
• Ancient Bronze Ridge color palette (#F5E9D4, #9AA478, #8B6D00, #763B00, #0A2C10)
• Washed Olive color palette (#EFEDAF, #B9B454, #807900, #4D4600, #191600)
• Bronze Grove color palette (#F8EBD7, #C1E5B5, #60CBC3, #B96637, #36390E)
• Weathered Pine color palette (#FFE4C6, #CDBA78, #859A2F, #357F33, #174F37)
• Fuchsia Villa color palette (#FDE0E4, #FF66DA, #B3A000, #342E00, #1A1200)

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