Mustard Ridge color palette — #F5F6E9 · #B9B166 · #395C29 · #2E2F28 · #171F16

Sage and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6E9): bright and airy, almost weightless.
• Sage (#B9B166): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#395C29): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2E2F28): quiet, heavy and certain.
• Onyx (#171F16): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Pine Loft color palette (#E9F9F7, #DCC188, #507F53, #114C48, #0F2624)
• Hushed Moss color palette (#E8FCE3, #91B100, #00544D, #002E29, #001B13)
• Patina Teal color palette (#F3F7EC, #FAC9B5, #66A581, #3D6F53, #1F2416)
• Emerald Balcony color palette (#F1F9E5, #009963, #3078A6, #6A4D1D, #31342D)
• Moonless Garden color palette (#E9F1E4, #5B6600, #1C2529, #001913, #000302)
• Teal Hollow color palette (#F5F8DE, #00ADAF, #00768E, #4D4674, #2E4332)
• Timeworn Basin color palette (#CDEAD8, #429000, #33333F, #002C37, #000B10)
• Gentle Pine Orchard color palette (#F4F7E7, #0D8A46, #983D2F, #583700, #2D2911)

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