Mustard Ridge color palette — #E5FBF3 · #9CCEF4 · #D6BA78 · #9FAB74 · #2D4940

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

The five colors

• Ivory (#E5FBF3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#9CCEF4): A whisper-light, dusty blue — the color of deep harbor water.
• Sand (#D6BA78): A luminous, balanced gold — the color of honey in a jar.
• Sage (#9FAB74): A luminous, dusty green — the color of a quiet forest floor.
• Forest (#2D4940): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged light, 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

• Weathered Stone color palette (#FFF0FB, #B5C4FD, #B4C784, #84B18F, #503B4B)
• Glacier Balcony color palette (#E4FDEB, #85D6E7, #E7ACAC, #CE9475, #33483A)
• Jade Study color palette (#FEF0FF, #A8CFFF, #F1A2A8, #87B06E, #433144)
• Softworn Stone Coast color palette (#E7FAF2, #E7D6D0, #A2CBBF, #A8AB9D, #5D4E5B)
• Aged Fern Courtyard color palette (#FBF5E6, #DDDCB9, #C2B594, #A78D70, #3E4F05)
• Hazy Thicket color palette (#E4EAFF, #9BAFFF, #C2AC00, #71A23B, #232C57)
• Lilac Harbor color palette (#FCDAEA, #B29CFE, #96B159, #519E6E, #3D2130)
• Patina Sand Coast color palette (#FBF2F9, #E3E1B4, #B393AB, #7B6575, #332730)

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