Soft Amber color palette — #FFF4E0 · #CB7200 · #7C5900 · #00542C · #4B2E07

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

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CB7200): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#7C5900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#00542C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Espresso (#4B2E07): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Ancient Loft color palette (#FFF5D5, #AA8700, #626500, #005149, #3F3500)
• Gentle Alley color palette (#FFF1F5, #B16A00, #556100, #004C39, #5A1115)
• Softworn Canyon color palette (#FFF1F5, #F73A28, #954700, #3B4D00, #50291D)
• Pale Ember Ridge color palette (#D9FDE0, #E46600, #795D00, #004655, #2D1600)
• Aged Tangerine Veranda color palette (#FFF4DE, #FD8034, #9B7800, #00667A, #502B00)
• Powdered Bronze color palette (#C4E9CC, #A46800, #5D4B00, #003E29, #00261F)
• Olive Veranda color palette (#E3FDED, #A9A856, #637200, #72441D, #204234)
• Olive Loft color palette (#EAE8B0, #6E8900, #036415, #00404C, #1B3000)

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