Gentle Amber color palette — #E1F0E8 · #C98300 · #7A7700 · #00531B · #070900

A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E1F0E8): bright and airy, almost weightless.
• Mustard (#C98300): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#7A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00531B): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#070900): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Fern Canyon color palette (#D9F7F2, #867E00, #2A6C00, #004E49, #000703)
• Washed Ember color palette (#D2EFDE, #EA5B4B, #7E7800, #005E4B, #020300)
• Gentle Lantern color palette (#F3EAD0, #FF6747, #9E8B00, #00796C, #050C00)
• Washed Coast color palette (#EDF2D1, #4F8400, #004E10, #002D18, #001618)
• Patina Rose color palette (#FFE9F1, #E94E55, #A15200, #4F4200, #140900)
• Airy Mustard Corridor color palette (#D9FFF2, #F5AE00, #919A00, #008256, #1C3300)
• Olive Studio color palette (#EEECD4, #607E3A, #025E47, #21244F, #32073E)
• Weathered Pine color palette (#D1F1EB, #307C55, #004236, #331C00, #001409)

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