Mustard Quarry color palette — #F7F1E4 · #B1A235 · #497225 · #605600 · #070700

Built around Mustard, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Mustard (#B1A235): A luminous, balanced green — the color of new leaves after rain.
• Olive (#497225): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#605600): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#070700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Mustard 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

• Aged Dune color palette (#F2F3E6, #85AE6F, #007758, #316400, #040800)
• Amber Hollow color palette (#F9F0E9, #D78B56, #7B6100, #824100, #0B0500)
• Weathered Field color palette (#EFF8F0, #B59453, #006E58, #674A00, #001D20)
• Hushed Forest color palette (#F2E9CA, #739751, #106D3B, #003F52, #191A00)
• Dusty Emerald color palette (#EEF8F2, #BCB77C, #529339, #7D7400, #001E1A)
• Tempered Meadow color palette (#EAE7D7, #778000, #005228, #353A00, #010100)
• Honey Courtyard color palette (#FBF4E9, #F9C868, #00A184, #986E00, #020700)
• Ancient Pine Pier color palette (#F0F3EC, #A2D0B4, #4B918B, #3D825C, #0E190D)

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