Softworn Field color palette — #DFFDF5 · #82AF8A · #007155 · #5A2F00 · #000B02

Pine and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DFFDF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#82AF8A): A luminous, dusty green — the color of fresh herbs.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Orchard color palette (#E4FCEC, #A3A864, #466D00, #493A00, #080800)
• Mint Quarry color palette (#DDFFE8, #59C38A, #007946, #003314, #000201)
• Antique Driftwood color palette (#D4E7D6, #9B903D, #475500, #3A2700, #010100)
• Aged Workshop color palette (#E5FAF6, #8BCCA4, #1C8973, #315E1B, #001D1D)
• Washed Quarry color palette (#E1E1CE, #448C56, #00523C, #452506, #191D00)
• Wandering Boulevard color palette (#D5EDE3, #63864F, #004923, #1B1E00, #000200)
• Feathered Byzantium color palette (#D6F6F1, #5EB850, #A245BC, #125504, #110017)
• Antique Jade color palette (#DCEFE7, #6EBB89, #00928B, #82526F, #00220E)

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