Soft Field color palette — #DDF6E1 · #BB9F4C · #5D862F · #33548D · #0E3928
Olive Leaf and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF6E1): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#BB9F4C): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#5D862F): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#33548D): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Forest (#0E3928): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.
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
- Patina Moss color palette (#DBF7E0, #93AE51, #188C63, #59478D, #203817)
- Olive Summit color palette (#FFF4E2, #D3B353, #608E29, #244D97, #2A2000)
- Amber Field color palette (#DAF8E0, #DB8A68, #947129, #00606F, #442534)
- Moss Ridge color palette (#E4F7EC, #AC950E, #00837F, #4A4291, #4F1119)
- Aged Lagoon Alley color palette (#E4FBF6, #8FC2A1, #44907C, #7B5764, #0C3D3D)
- Olive Lantern color palette (#D0E3DB, #838700, #234741, #11271E, #061009)
- Gentle Aubergine Veranda color palette (#FFE7F3, #B87333, #3D751E, #471C6C, #153922)
- Powdered Grove color palette (#FFEADA, #F5A74F, #64AB5D, #7D65AC, #33302A)
Browse the whole catalog at Explore, or see today's palette.