Amber Garden color palette — #FFF1F1 · #FFB582 · #B18400 · #415A00 · #002E1A

Built around Mustard, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Cantaloupe (#FFB582): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#B18400): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#415A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#002E1A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Amber Grove color palette (#FFF0F8, #FFB5B6, #CA7738, #685500, #142900)
• Honey Loft color palette (#FFF2EC, #FCC965, #809634, #006B3C, #002324)
• Wandering Corridor color palette (#F9E9DE, #AE8300, #425800, #002B17, #000202)
• Dusty Pine Dune color palette (#FFF2EE, #FFDBB1, #A2A857, #327945, #003833)
• Aged Bronze color palette (#F8E1C3, #B5914C, #7E6600, #443E00, #1A1D00)
• Sunlit Villa color palette (#FFDCB3, #E4BC70, #B49C42, #827600, #323600)
• Tempered Amber Grove color palette (#F5E4E3, #DB8400, #746900, #0D3C00, #000704)
• Sunlit Corridor color palette (#E6FCE7, #FF976B, #768825, #424D7E, #122711)

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