Washed Amber color palette — #FFF2ED · #FFC59E · #D28300 · #7E5900 · #3B2F00

Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#FFC59E): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#D28300): A luminous, balanced gold — the color of old brass.
• Coffee (#7E5900): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Washed 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

• Frosted Field color palette (#FFEFE3, #F7B94E, #AD8B00, #686200, #2C2E00)
• Amber Thicket color palette (#FCE6CA, #B48900, #756A00, #303300, #060E00)
• Frosted Amber Orchard color palette (#F5E0D4, #E78500, #A86700, #6E4700, #4E3700)
• Chalky Tangerine Boulevard color palette (#FFF1F2, #FFAAA3, #FE613A, #904300, #582F00)
• Tempered Apricot Dune color palette (#FFD4D5, #FFAD86, #E58A00, #907500, #394C00)
• Amber Delta color palette (#FFF5D8, #FFD96D, #BF9300, #5E4A00, #1C1500)
• Feathered Amber color palette (#E5FDE7, #FAFCA4, #B1F3DD, #D78B44, #463F11)
• Hushed Olive Studio color palette (#F0E7C4, #828600, #495D00, #0A2600, #000501)

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