Soft Amber color palette — #F9F1E1 · #A88B03 · #387437 · #004B4A · #361201

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

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#A88B03): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#387437): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#361201): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Dusty Amber Meadow color palette (#FCEFE3, #CC7500, #6B6800, #0F4E2B, #380B1C)
• Tempered Moss Veranda color palette (#F3F3E4, #83AA5F, #2D8271, #0E5469, #36230A)
• Gentle Moss Orchard color palette (#F7F1E5, #A18E00, #347449, #652B39, #311600)
• Antique Pier color palette (#F8EACA, #C1BB96, #8A8B43, #4C614E, #293C31)
• Wandering Veranda color palette (#ECE1B8, #767700, #005B38, #003339, #1B0900)
• Worn Terrace color palette (#EEF9EE, #A88140, #177360, #35427F, #58252F)
• Lime Lantern color palette (#E7E6C8, #A7B146, #6F8223, #3E5514, #2F2F28)
• Emerald Workshop color palette (#EEF7D6, #009D4F, #00686D, #003A67, #1D1800)

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