Mustard Field color palette — #FFF4DE · #FFB2B3 · #D7B300 · #00A87D · #272900
A conversation between Gold and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rose Quartz (#FFB2B3): A whisper-light, balanced red — the color of a theater curtain.
- Gold (#D7B300): A luminous, balanced green — the color of a quiet forest floor.
- Jade (#00A87D): A luminous, balanced teal — the color of shallow lagoons.
- Onyx (#272900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Mustard Field 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
- Emerald Pier color palette (#FFF3E6, #FFB1B9, #FB9C33, #05A52B, #312E00)
- Hushed Lime color palette (#EAFFC7, #FFB664, #AFC000, #00A9B4, #053002)
- Sunlit Mustard color palette (#DBE6CA, #E5AC00, #00AE76, #007EA7, #001E17)
- Softworn Mustard color palette (#F4E2C9, #BCA500, #6E8400, #006137, #003D34)
- Weathered Bloom color palette (#DEEED2, #B7A500, #00A596, #005FCB, #001113)
- Muted Lagoon color palette (#FFF2EB, #FFA0F5, #FF864D, #899300, #402300)
- Mustard Pier color palette (#F4E0D9, #C6AE00, #1F9B79, #6F578F, #4A3069)
- Clover Summit color palette (#F5EBC9, #61C472, #008B7C, #7F4270, #14361A)
Browse the whole catalog at Explore, or see today's palette.