Washed Amber color palette — #F8ECE2 · #BD7C00 · #675800 · #3C3E00 · #002F1C
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8ECE2): bright and airy, almost weightless.
- Mustard (#BD7C00): A luminous, balanced gold — the color of old brass.
- Olive (#675800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3C3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Forest (#002F1C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Bronze Summit color palette (#F2E4CC, #997800, #685600, #3B3500, #1A1900)
- Ember Hollow color palette (#FADFDD, #D66A3B, #844A00, #4F3700, #1A2F0B)
- Amber Thicket color palette (#F5E9DD, #BA982E, #6B6900, #405600, #1A421C)
- Sunlit Veranda color palette (#E7DDC7, #927E00, #6B52C2, #554900, #2A1B56)
- Faded Olive color palette (#EDE9C8, #5D7600, #124D01, #002C19, #001410)
- Moss Lantern color palette (#ECEBD6, #6B980D, #1D7003, #004D33, #00333C)
- Sunlit Drift color palette (#F7EBCA, #AECD9B, #38B3A9, #7C4E00, #363B09)
- Aubergine Boulevard color palette (#F1F4CF, #6E7100, #574DAC, #592F98, #202100)
Browse the whole catalog at Explore, or see today's palette.