Amber Garden color palette — #F5E7CF · #B89A00 · #7A7000 · #4B5600 · #00452D

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

The five colors

• Parchment (#F5E7CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B89A00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#7A7000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4B5600): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00452D): 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 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

• Timeworn Moss color palette (#EBE0C3, #9E8D00, #5C6400, #334700, #003429)
• Weathered Amber color palette (#FBD9CA, #E57D00, #926000, #6A4E00, #2E4614)
• Soft Field color palette (#FADDCB, #ECA700, #8C8C00, #417200, #01502F)
• Airy Lime color palette (#E8FFC1, #8AB541, #557300, #2F4500, #1D3100)
• Mint Market color palette (#D9FFF2, #AFF2B3, #00CFAD, #937700, #374F2D)
• Olive Balcony color palette (#EEF0E0, #628B00, #225C00, #00371A, #001F1E)
• Worn Courtyard color palette (#E2FCF1, #A6AB25, #7D3FE9, #5E6100, #3F2D6A)
• Misty Plum Courtyard color palette (#E6F2C3, #778A00, #007AB2, #AF005E, #2D340D)

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