Washed Amber color palette — #E0F6E8 · #CB7000 · #857300 · #10610C · #020200

Mustard and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0F6E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#CB7000): A luminous, balanced gold — the color of old brass.
• Walnut (#857300): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#10610C): A full-bodied, balanced green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Wandering Alley color palette (#E0F3D6, #877300, #476600, #00473C, #000200)
• Washed Quarry color palette (#F9E4EC, #EF3705, #A25C00, #4A4800, #040200)
• Timeworn Hollow color palette (#E9E4D6, #D09400, #A28F00, #576A00, #0E0E00)
• Apricot Meadow color palette (#D6F9E3, #FF9474, #AD8E00, #00856A, #010100)
• Dusty Pine Courtyard color palette (#D7E4D7, #949400, #008427, #005D59, #000201)
• Olive Studio color palette (#F5F0E0, #607502, #00532D, #121B3F, #0F001A)
• Charred Fern color palette (#F1F3D3, #546700, #264000, #011F02, #000502)
• Linen Pine Corridor color palette (#F6F6BF, #FEAF3D, #9B9C00, #00852A, #0F1900)

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