Soft Field color palette — #FAF5E9 · #89803A · #006893 · #5A2074 · #3B2212

Royal Purple and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Walnut (#89803A): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006893): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#5A2074): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#3B2212): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Denim Harbor color palette (#F6F6E8, #5C7D35, #4B539F, #6E224A, #37230B)
• Muted Workshop color palette (#F9F1E2, #A38208, #00667C, #6D2B4D, #1B1201)
• Mulberry Garden color palette (#F6F6EA, #7F9869, #5E69A5, #78375E, #3A3530)
• Dusty Navy color palette (#FFF3E8, #A55F3A, #006E6D, #123B90, #3A211F)
• Aubergine Garden color palette (#EFF9EB, #007362, #662777, #650204, #231E01)
• Nightshade Pier color palette (#FFF4E2, #8FA063, #1B7C55, #503C8F, #3D3E37)
• Dusty Harbor color palette (#E9F9F5, #78A352, #00887A, #7D4A81, #183329)
• Soft Aubergine color palette (#F2F8E5, #198C53, #5709A6, #710024, #282100)

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