Gentle Amber color palette — #FFDBD4 · #CD7E1B · #7A5D00 · #3B3F00 · #1A3200

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#CD7E1B): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7A5D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3B3F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#1A3200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Veranda color palette (#F8D8CA, #F08B00, #AC8D00, #707300, #0F3207)
• Ember Ridge color palette (#F2D6DD, #CD5D47, #884200, #543800, #332F00)
• Faded Bronze color palette (#F8DFCA, #976900, #505000, #1C3800, #002913)
• Weathered Chestnut color palette (#F2E9D8, #828F54, #695300, #562900, #072C10)
• Pale Olive Workshop color palette (#EADFCE, #939300, #317400, #004E31, #003A35)
• Lapis Workshop color palette (#ECDCC0, #9B7A00, #5E59C1, #5B4600, #231B5E)
• Quiet Forest color palette (#FFE2C1, #BEAC67, #798713, #1C6B21, #005242)
• Aubergine Station color palette (#F7EED1, #716F00, #4751B4, #601D91, #222100)

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