Gentle Amber color palette — #FFF2F0 · #FFC2A9 · #D28100 · #866000 · #3B3400

Mustard takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Wheat (#FFC2A9): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#D28100): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#866000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3B3400): 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 Gentle 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

• Faded Amber color palette (#FFE6D5, #BF8A00, #766700, #2D3300, #030D00)
• Worn Terracotta color palette (#FFF3E6, #E6CE89, #C18334, #96441D, #282B00)
• Amber Pier color palette (#FFF2EB, #E9B06A, #B88E00, #5F5700, #273C00)
• Dusty Tangerine color palette (#FFD5CC, #FC680B, #955A00, #674F00, #433C00)
• Patina Apricot color palette (#FFE7DE, #ED8C41, #A87500, #534400, #1A1D00)
• Olive Dune color palette (#FFF3E5, #F5E09D, #AFA836, #5A7D00, #214A2C)
• Amber Alley color palette (#FFF3E5, #CFFECD, #A5EADC, #DA7649, #443A00)
• Honey Ridge color palette (#FFF3E6, #FFB661, #82ADFF, #AF6D00, #0C2965)

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