Soft Field color palette — #E9FAF4 · #3A9BD0 · #70802D · #186E43 · #182D1E
Cerulean takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E9FAF4): bright and airy, almost weightless.
- Cerulean (#3A9BD0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#70802D): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#186E43): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#182D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Iris Boulevard color palette (#FFF0F9, #868FD9, #388B5E, #006869, #112D26)
- Wandering Fern Quarry color palette (#EEF8EE, #29A5A3, #9F702E, #576000, #293117)
- Cornflower Drift color palette (#FFE8FE, #3075FF, #2F7100, #005046, #001822)
- Soft Parlor color palette (#F5F3FF, #DD9EEE, #E38254, #37905D, #20283C)
- Hushed Blush Canyon color palette (#FFF1F1, #CA79A5, #A5662D, #685B00, #262915)
- Violet Market color palette (#FEE3EB, #9A5FC2, #006660, #004E6B, #0F1231)
- Muted Thicket color palette (#FFF1F4, #875F92, #954400, #004D29, #36202F)
- Washed Mallow color palette (#FFF2EA, #D89ACA, #B46D87, #805B30, #513435)
Browse the whole catalog at Explore, or see today's palette.