Soft Field color palette — #FFF2EC · #F7A18E · #AC8228 · #456826 · #441E1F

Mustard and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#F7A18E): A luminous, balanced orange — the color of toasted spice.
• Mustard (#AC8228): A luminous, balanced gold — the color of honey in a jar.
• Olive (#456826): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#441E1F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Linen Moss Chapel color palette (#FDF3EA, #EDAB6A, #86931A, #006D50, #461C1D)
• Faded Blush Veranda color palette (#FFF2EF, #FF97AE, #C17437, #645E00, #391E42)
• Timeworn Field color palette (#FFF3E8, #E07D00, #6E7000, #004C33, #2B0007)
• Olive Market color palette (#FFF2EB, #E5DCBF, #CEB291, #7F8038, #45560E)
• Sunlit Market color palette (#FFF4DF, #D3A900, #389600, #005E57, #410B00)
• Tangerine Grove color palette (#FFF2EC, #FFD1C3, #EB7438, #9A5323, #413B36)
• Weathered Chapel color palette (#FFF1F0, #FF98C7, #8BAC68, #1B8D97, #0F4136)
• Coral Boulevard color palette (#F7EEFA, #C37088, #746401, #004B4B, #20153F)

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