Softworn Field color palette — #FBDDE4 · #BE9DBC · #A76B5B · #645800 · #0B3C30

A conversation between Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDDE4): A whisper-light, dusty red — the color of embers at dusk.
• Mauve (#BE9DBC): A luminous, dusty pink — the color of peonies in June.
• Mocha (#A76B5B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#645800): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#0B3C30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Softworn 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

• Forest Drift color palette (#F3E4EB, #C198A5, #957C47, #2F6C42, #003F42)
• Wandering Canyon color palette (#F7DDF7, #AF9EC4, #A67583, #764B1F, #453101)
• Aged Boulevard color palette (#EED9EE, #D4AFC9, #B28569, #6A743C, #144E46)
• Timeworn Chestnut color palette (#FCE2D6, #9F7C59, #835E00, #114619, #002519)
• Terracotta Orchard color palette (#E7E4F4, #B87BA0, #964D45, #005050, #19334A)
• Muted Abyss color palette (#EAFAEB, #C4DBCC, #9DB3AA, #6C8A8E, #315661)
• Brick Terrace color palette (#E8D8E8, #E2707A, #898D00, #BA003A, #2A2B00)
• Pale Byzantium color palette (#EEDEF0, #CE5A74, #A46E00, #8532D1, #3D0617)

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