Soft Field color palette — #FAD5C8 · #DE7C00 · #7E5700 · #4E4300 · #053A18
Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FAD5C8): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#DE7C00): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#7E5700): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4E4300): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Forest (#053A18): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Muted Meadow color palette (#F9E3E0, #F67506, #A97300, #5D5400, #273800)
- Weathered Moss Pier color palette (#F7DAA9, #9F8F00, #775400, #5F2C00, #222E00)
- Rose Harbor color palette (#FDE7EB, #FF4D43, #A04400, #5F3400, #2E3000)
- Airy Moss Delta color palette (#E5DECC, #9C9900, #516800, #005315, #00412E)
- Marigold Hollow color palette (#FFF0F7, #DAA25D, #9C7E37, #6C6939, #34574F)
- Hushed Sapphire color palette (#CAF0D1, #A97C00, #305BF6, #654900, #0D2174)
- Worn Ultramarine Studio color palette (#EAE1CD, #8E6B00, #005AD4, #4B33B9, #302200)
- Gentle Chartreuse Market color palette (#DEFFE4, #C6E66E, #00C390, #953F00, #443C00)
Browse the whole catalog at Explore, or see today's palette.