Soft Amber color palette — #FFF4E1 · #DDD09D · #B48B00 · #7F5700 · #2D2900
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Wheat (#DDD09D): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#B48B00): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#7F5700): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#2D2900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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
- Misty Terracotta Thicket color palette (#FFF3E9, #F8C596, #CF7937, #9C3F00, #392200)
- Antique Bronze Lantern color palette (#FAE5CD, #A67E33, #6B4400, #341A00, #020100)
- Gentle Lagoon color palette (#FFF3E2, #D3B968, #A17600, #6A4400, #1D1800)
- Soft Taupe Harbor color palette (#D8F8E0, #AF9D49, #826500, #624300, #3A370C)
- Marigold Parlor color palette (#FFECCD, #CECD7D, #CC9B00, #B76A1A, #2A3C15)
- Chestnut Grove color palette (#FFDEC7, #BF8E68, #964500, #581A00, #080300)
- Amber Harbor color palette (#E3FEE5, #00BDC2, #BA8800, #676E00, #002022)
- Inked Balcony color palette (#E9DFC0, #727831, #413E00, #171200, #010100)
Browse the whole catalog at Explore, or see today's palette.