Amber Garden color palette — #F0DDE4 · #DF7D00 · #827500 · #985300 · #020200

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

The five colors

• Shell Pink (#F0DDE4): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#DF7D00): A luminous, vivid gold — the color of honey in a jar.
• Walnut (#827500): A full-bodied, balanced green — the color of new leaves after rain.
• Ochre (#985300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

One click turns Amber Garden 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 Loft color palette (#F1DDEC, #F36752, #996800, #C01600, #000300)
• Hazy Olive color palette (#DCEEE1, #B89600, #548300, #7D6400, #010200)
• Amber Balcony color palette (#F0E1C4, #B09000, #807400, #454900, #091000)
• Bronze Orchard color palette (#F6E8DC, #985400, #324217, #412000, #020100)
• Aged Bronze Pier color palette (#E4EFE3, #9BB7B1, #7BA09C, #9A6500, #061906)
• Softworn Study color palette (#F4E0ED, #DA4F1D, #366000, #7A2300, #010200)
• Linen Honey color palette (#E5F8E4, #FEB140, #9FA200, #C17E00, #121300)
• Washed Moss Thicket color palette (#D3F5E7, #7E8900, #007750, #004D56, #100400)

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