Amber Quarry color palette — #FFF1F2 · #FFAE93 · #CC7A00 · #836400 · #3E3D00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFAE93): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#CC7A00): A luminous, balanced gold — the color of old brass.
• Ochre (#836400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Feathered Amber Study color palette (#FFD5CB, #FFAA7F, #E97F00, #A46E00, #4D3900)
• Amber Thicket color palette (#FFF2EC, #FFB75A, #BB9800, #667000, #143A07)
• Patina Amber Meadow color palette (#FFE3D8, #C78000, #766400, #323B00, #010C00)
• Faded Apricot Harbor color palette (#FFD8D6, #FF9463, #9D6400, #5F4F00, #181F00)
• Amber Drift color palette (#FFF1F6, #E7CE7F, #CC7C1B, #9C3C30, #232C02)
• Misty Harbor color palette (#FFF0FA, #FFB6C5, #FF4D51, #8D4A00, #4F3600)
• Washed Amber color palette (#FFF4DF, #FFDBA6, #B78700, #664800, #241700)
• Sunflower Villa color palette (#E6FCEB, #FECF5C, #00B0E2, #9D7800, #003445)

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