Mustard Ridge color palette — #FFF1F6 · #FCE6A0 · #B8C366 · #5F8758 · #2D5255
Gold and Butter set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Butter (#FCE6A0): A whisper-light, balanced green — the color of fresh herbs.
- Gold (#B8C366): A luminous, balanced green — the color of new leaves after rain.
- Fern (#5F8758): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#2D5255): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Balance. 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
- Washed Mint Atelier color palette (#DEFEEC, #E4F0B2, #81CF8D, #408B74, #345862)
- Antique Driftwood color palette (#FFEBD0, #BBB072, #898D4E, #526E3E, #4D4F47)
- Wandering Lime color palette (#E6E4D6, #9FB604, #008C3C, #005042, #002323)
- Hushed Coast color palette (#D7FCE7, #C0C187, #7E8641, #4F5D29, #0E3C33)
- Antique Moss Orchard color palette (#FFF4DB, #C5D732, #58AE00, #007B58, #003B36)
- Moss Pier color palette (#EAF9F3, #E3ECB1, #E0B9FF, #98A150, #444260)
- Mint Villa color palette (#DAFFF5, #A0E4E3, #8CC178, #537641, #03342E)
- Teal Drift color palette (#D8FFF4, #93E8AD, #00C2A9, #007F8E, #0C3E54)
Browse the whole catalog at Explore, or see today's palette.