Soft Field color palette — #FFEFE8 · #DA2E2B · #694500 · #202900 · #050004

Crimson and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEFE8): a clean, paper-quiet neutral.
• Crimson (#DA2E2B): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#202900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged 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

• Raspberry Garden color palette (#FFEEEB, #DD016C, #7A3800, #2B2500, #030008)
• Patina Bronze color palette (#FFEFE1, #B26300, #535000, #002E14, #060001)
• Coral Studio color palette (#FEE5E3, #FA5C4F, #B22E00, #5D1E00, #210A00)
• Mulberry Thicket color palette (#EDDFF5, #9D105D, #493100, #002014, #00040B)
• Velvet Mulberry Drift color palette (#FFE3DC, #B20043, #121509, #2B0002, #040000)
• Bronze Hollow color palette (#FFE2D3, #D2916B, #A16D25, #2F4C04, #001A08)
• Amber Balcony color palette (#FFF3E8, #E17C00, #756D00, #004D20, #290012)
• Hushed Scarlet Alley color palette (#FFF2EF, #FFB7D9, #FF7C9B, #E11A00, #100002)

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