Soft Field color palette — #FFF0F9 · #FFC5E9 · #FFB89B · #C0A800 · #452100

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Thistle (#FFC5E9): A whisper-light, balanced pink — the color of peonies in June.
• Melon (#FFB89B): A whisper-light, balanced orange — the color of sun-warmed clay.
• Gold (#C0A800): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#452100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged candy, vibrant, light, 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

• Apricot Alley color palette (#FBF1FF, #F5C7FF, #FFA5BC, #EB8E00, #5A0606)
• Chalky Lime color palette (#FFF3E4, #FFC8CB, #FFB962, #83C200, #322700)
• Amber Lantern color palette (#FFF0F9, #E9D8CA, #EAC38C, #DC8C00, #291000)
• Muted Mustard color palette (#DCF2E4, #FFAF7B, #BBB000, #00AB78, #0F1900)
• Chalky Apricot color palette (#FFE5DF, #FE8C1E, #C38300, #846700, #383800)
• Mustard Parlor color palette (#FFF0F8, #E6D5D2, #CDC87E, #9DA1AC, #5F404A)
• Navy Corridor color palette (#EBD9DF, #EFA898, #AE9664, #4F79B1, #483371)
• Ember Study color palette (#F9EBF3, #EA6100, #72530F, #502815, #0F0210)

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