Amber Grove color palette — #F7DCCE · #D28000 · #7B5E00 · #3A3700 · #0D1300

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

The five colors

• Shell Pink (#F7DCCE): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D28000): A luminous, balanced gold — the color of old brass.
• Olive (#7B5E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3A3700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0D1300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Soft Amber Loft color palette (#FBDDD9, #DE6F00, #735800, #393D00, #002E20)
• Powdered Moss color palette (#F1E5D1, #A69500, #566100, #0D3D00, #00170B)
• Gentle Ember color palette (#FFE9E9, #F64600, #8C4300, #452A00, #181100)
• Ancient Bronze Loft color palette (#F2EBDC, #B76A00, #5C5300, #00364C, #1B0F00)
• Weathered Veranda color palette (#F3DFCC, #D99900, #9E7900, #584C00, #2E2E00)
• Apricot Balcony color palette (#FFF1F1, #FFA577, #A27800, #414E00, #001D0F)
• Faded Amber color palette (#FFEFDB, #FFA57B, #D98F00, #707F00, #1B1400)
• Tempered Chestnut color palette (#FCEFE5, #E3D1BA, #BAA986, #8A4600, #281504)

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