Amber Garden color palette — #F4E8D6 · #C49100 · #686418 · #403C36 · #130B06

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F4E8D6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C49100): A luminous, balanced gold — the color of old brass.
• Olive (#686418): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#403C36): quiet, heavy and certain.
• Ink (#130B06): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Amber Garden 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

• Tangerine Corridor color palette (#F4E0D2, #ED7400, #785D10, #5C2F00, #140A08)
• Washed Mustard color palette (#ECE4CC, #B8AF00, #697833, #5A4700, #1D1710)
• Patina Bronze Study color palette (#D0E9D5, #A17A00, #22483A, #16261A, #140A0E)
• Muted Amber color palette (#FEF4E2, #AB8300, #37352E, #170D00, #020100)
• Patina Study color palette (#E9E9D3, #6CB100, #55684B, #413F00, #110D05)
• Mint Harbor color palette (#F2F3E7, #90C97D, #71816D, #55564B, #24211B)
• Softworn Mustard Ridge color palette (#F9E6CF, #E7B200, #93A700, #58884A, #0B402B)
• Lagoon Meadow color palette (#E4EFDC, #00A382, #275B6A, #29341E, #050501)

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