Gentle Amber color palette — #FFCFDE · #B68329 · #804E00 · #5C2F00 · #362600
A conversation between Mustard and Coffee, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#FFCFDE): A whisper-light, dusty rose — the color of a warm blush.
- Mustard (#B68329): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#804E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#5C2F00): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#362600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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
- Amber Studio color palette (#F0DEE4, #AC8821, #824D00, #601D00, #131300)
- Worn Coast color palette (#C8E7D1, #A28E1A, #705800, #503700, #2D2A00)
- Hushed Terracotta Boulevard color palette (#F4D5E8, #AC7B5F, #883B19, #5B2218, #361927)
- Wandering Amber Field color palette (#F2D9BE, #E6AC50, #CE8000, #A75A00, #362600)
- Aged Bronze Lagoon color palette (#EBFAEB, #BAA47A, #8B6C3F, #694A2B, #294433)
- Nocturne Corridor color palette (#DDECE1, #655A17, #372A00, #190F00, #040400)
- Wandering Pier color palette (#EBFAEC, #A6C0AC, #6C896F, #74535D, #384E41)
- Moss Corridor color palette (#CBECEF, #8A9E00, #004636, #002118, #000B13)
Browse the whole catalog at Explore, or see today's palette.