Amber Quarry color palette — #ECF2FF · #A7ADED · #B39B3B · #676BA4 · #1A3827

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

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Lavender (#A7ADED): A luminous, balanced violet — the color of wild irises.
• Mustard (#B39B3B): A luminous, balanced green — the color of new leaves after rain.
• Slate (#676BA4): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#1A3827): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

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

• Dusty Ridge color palette (#FFF0FA, #9FABED, #A29C54, #646DA7, #4F4D46)
• Dusty Amber Hollow color palette (#EBF3FC, #89B8E5, #CB8D4F, #3F76A7, #442632)
• Aged Pewter color palette (#F3F0FC, #D0A1CE, #6CAD7F, #945893, #023938)
• Patina Bloom color palette (#EDF1FF, #9892D8, #BF7A57, #3C896D, #232735)
• Hushed Driftwood Dune color palette (#FEEDF2, #A9C3AD, #9F7B54, #6B4E5D, #203027)
• Softworn Iris color palette (#F1F5FF, #E2D5EE, #D9CE7E, #8A92DE, #2B4F3D)
• Linen Aubergine color palette (#EFF1FF, #BB8CFC, #6F8E00, #671BAA, #1B2500)
• Aged Pewter color palette (#F2F1F9, #A9CEB0, #76527C, #322D44, #14121C)

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