Amber Garden color palette — #DCF2E2 · #FF9584 · #B79800 · #00866E · #171700

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

The five colors

• Honeydew (#DCF2E2): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FF9584): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B79800): A luminous, balanced green — the color of fresh herbs.
• Fern (#00866E): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#171700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Worn Basin color palette (#C8E6DD, #FF9B52, #97A800, #008D90, #001D09)
• Amber Basin color palette (#D0E5D1, #FF8CAD, #D37D00, #009550, #1E1A00)
• Gentle Coast color palette (#FFF4DB, #FFBBA2, #C8A100, #00907C, #030700)
• Misty Tangerine color palette (#C9EDDD, #FF6C29, #968E00, #007B81, #000F01)
• Amber Orchard color palette (#EAE1CF, #D57F00, #8C7600, #186504, #181B00)
• Softworn Lime color palette (#DCFEF1, #FFC18B, #91C900, #009BA4, #002F0B)
• Wandering Olive color palette (#D3F4F2, #BE8E00, #228C0E, #00647F, #000806)
• Tangerine Chapel color palette (#F4D5EB, #FF7CCB, #F16600, #717A00, #1D0F00)

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