Mustard Field color palette — #FFF1F7 · #AFC169 · #27917C · #6B3D6C · #002824
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Gold (#AFC169): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#27917C): A full-bodied, balanced teal — the color of glacier melt.
- Mulberry (#6B3D6C): A full-bodied, balanced pink — the color of neon signs at night.
- Onyx (#002824): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro, muted.
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
- Chalky Lantern color palette (#FFF1F5, #DEAE48, #538F4B, #5C4084, #03291A)
- Softworn Cerulean color palette (#FFF0FA, #6FCCA6, #008BAE, #7C393E, #00272E)
- Dusty Station color palette (#FFF0F8, #A8DC9C, #2EA4A7, #864F6A, #0C393A)
- Mulberry Courtyard color palette (#EBFAF0, #BEA536, #00849F, #76245D, #350A00)
- Emerald Villa color palette (#ECF9F0, #C8D7A8, #5E9A67, #706234, #0B2F26)
- Chalky Cobalt color palette (#F3EFD8, #8DCD87, #4EAC86, #007EB0, #30312A)
- Worn Moss Thicket color palette (#FFEADA, #868E15, #006A54, #642157, #31312A)
- Hushed Hollow color palette (#D8F0E6, #589E3F, #006D46, #003E57, #001D1B)
Browse the whole catalog at Explore, or see today's palette.