Mustard Ridge color palette — #FAF3DA · #FFC68A · #C5C900 · #00C0A9 · #122E00

Built around Saffron, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF3DA): A whisper-light, dusty green — the color of new leaves after rain.
• Cantaloupe (#FFC68A): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Saffron (#C5C900): A luminous, vivid green — the color of new leaves after rain.
• Turquoise (#00C0A9): A luminous, balanced teal — the color of sea glass.
• Deep Forest (#122E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Pale Lime Boulevard color palette (#F1F1D9, #F3D26F, #7ADD32, #00BBBF, #003019)
• Powdered Courtyard color palette (#FFF2DF, #FFC1AD, #FABB33, #00CE41, #242600)
• Sunlit Mint Pier color palette (#EDF9E2, #C7E069, #00E2A5, #00B5E6, #002D2A)
• Clover Grove color palette (#F9F6DE, #FBE751, #B5DE00, #1ABD44, #0B1900)
• Lime Boulevard color palette (#E1EECC, #AABA00, #00B96D, #0095BD, #000E0D)
• Emerald Grove color palette (#DCE3CE, #84BD5C, #00A35C, #00775E, #003B3A)
• Bronze Boulevard color palette (#EDE3D6, #C0BC8C, #7C9D59, #9A6A1A, #2E2A00)
• Pale Cabin color palette (#D5FAF0, #CBC72C, #96C200, #00A02D, #1A2D00)

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