Soft Field color palette — #FDD5DD · #FE3042 · #993E00 · #5B3200 · #201400

A conversation between Scarlet and Burnt Sienna, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FDD5DD): A whisper-light, dusty red — the color of a theater curtain.
• Scarlet (#FE3042): A luminous, vivid orange — the color of sun-warmed clay.
• Burnt Sienna (#993E00): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5B3200): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

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

• Rose Ridge color palette (#EDDAE3, #F7186C, #AF070A, #682400, #301500)
• Gentle Ember Balcony color palette (#FFE2DE, #FF8A71, #DD4D00, #8C3A00, #431F00)
• Amber Corridor color palette (#F5E4DF, #CA6E00, #7E5000, #443A00, #1E1F00)
• Soft Ember Workshop color palette (#F9D8C7, #D06200, #007DA0, #793600, #001923)
• Amber Drift color palette (#F2D9E7, #C67900, #963B00, #670C1C, #191100)
• Gentle Field color palette (#FFDDBE, #DE8100, #894E00, #3E2000, #120500)
• Tempered Lime Summit color palette (#FFEBE0, #F3C55C, #8DC050, #9B3B44, #2C1800)
• Misty Ember Veranda color palette (#FEDBEA, #00ADD1, #E35F00, #2A0B00, #090106)

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