Amber Garden color palette — #F3DCE8 · #A4A200 · #DC6600 · #270C00 · #090200

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

The five colors

• Shell Pink (#F3DCE8): A whisper-light, dusty pink — the color of neon signs at night.
• Moss (#A4A200): A luminous, balanced green — the color of new leaves after rain.
• Pumpkin (#DC6600): A luminous, vivid orange — the color of autumn markets.
• Ink (#270C00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#090200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Patina Amber color palette (#F8E4D5, #C88500, #612E00, #260E00, #060200)
• Hushed Grove color palette (#EBDADC, #00BC41, #B48400, #1C1200, #080400)
• Dusty Grove color palette (#DFF1E0, #C39400, #FD312D, #2E0001, #0C0200)
• Tempered Amber Alley color palette (#F8EBDB, #C48700, #5A6100, #664500, #030400)
• Dusty Lime Corridor color palette (#C1E9E6, #90C600, #E09100, #3F2600, #051704)
• Weathered Atelier color palette (#F5EECD, #A39A00, #5C6A00, #2B3E00, #041400)
• Quiet Moss color palette (#CAE6F3, #00C39D, #94A300, #1F2300, #0C0A02)
• Chartreuse Ridge color palette (#F3E2E8, #B5DD5C, #FDA539, #342F2A, #1B150E)

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