Soft Field color palette — #F1D9E6 · #D65C00 · #52440A · #401A06 · #180D1A

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

The five colors

• Shell Pink (#F1D9E6): A whisper-light, dusty pink — the color of a candy shop window.
• Pumpkin (#D65C00): A luminous, vivid orange — the color of sun-warmed clay.
• Deep Olive (#52440A): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Espresso (#401A06): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#180D1A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged noir, dark, luxury.

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

• Scarlet Loft color palette (#F4E3F0, #ED372F, #5D3E06, #371B32, #150E1B)
• Weathered Bronze color palette (#D7EBD8, #B07B00, #3C4B20, #352200, #1A0D15)
• Ember Station color palette (#FFF2EA, #E76500, #473B0A, #240F01, #050000)
• Bronze Courtyard color palette (#FEE2CE, #A54A00, #3C2500, #291100, #0E0600)
• Weathered Lantern color palette (#FEE8F3, #F87614, #82602F, #543747, #180D16)
• Ancient Olive color palette (#DCF0E7, #7A7E00, #004429, #1B1D00, #000B01)
• Aged Taupe color palette (#E5F7F1, #91A46C, #465D5F, #2B3C37, #1D231E)
• Pale Corridor color palette (#FFD3CD, #FD905A, #C27D00, #6A6400, #3C4700)

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