Mustard Field color palette — #FFF2F0 · #EF9ABB · #C5A100 · #BB5C84 · #4E4114
Gold and Fuchsia set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Ballet Pink (#EF9ABB): A luminous, balanced rose — the color of a warm blush.
- Gold (#C5A100): A luminous, balanced green — the color of a quiet forest floor.
- Fuchsia (#BB5C84): A luminous, balanced rose — the color of pressed rose petals.
- Deep Olive (#4E4114): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Misty Lime color palette (#FFF2ED, #F69B97, #99B13D, #C45B5A, #44433B)
- Softworn Amber color palette (#FFF2EE, #E2868E, #C48D00, #9874B5, #49312A)
- Wandering Coast color palette (#FFF2EF, #E1D8CF, #AEBB99, #B47F99, #59433E)
- Worn Amber Corridor color palette (#FFF3E8, #DBB692, #BB8053, #8A5D46, #553500)
- Mint Grove color palette (#FFF2F0, #FFC0D4, #78D19D, #BF6C89, #0C4328)
- Periwinkle Dune color palette (#FFF2F0, #EA9EB7, #72A3FE, #C05880, #533851)
- Weathered Corridor color palette (#FFDCD1, #FF6076, #8E9400, #C3003F, #2F3100)
- Weathered Blush Meadow color palette (#FFF1F1, #DC7AAE, #399E7D, #914A70, #40443D)
Browse the whole catalog at Explore, or see today's palette.