Soft Field color palette — #F3E3C4 · #9E8200 · #00817E · #5E4D00 · #003634
Moss and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F3E3C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9E8200): A luminous, balanced green — the color of fresh herbs.
- Teal (#00817E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#5E4D00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003634): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Hushed Boulevard color palette (#E9E6C6, #719300, #007C9B, #425700, #003442)
- Ancient Terracotta Quarry color palette (#E4DFC4, #827100, #007655, #981B00, #2B2400)
- Hushed Coast color palette (#EDDCBE, #A08E2B, #705800, #503700, #2D2A00)
- Frosted Ultramarine Orchard color palette (#DCE3D1, #008256, #0053B7, #00452C, #00183F)
- Lime Lagoon color palette (#F6F6C8, #C9DF8C, #62C100, #7E6400, #36390C)
- Crimson Courtyard color palette (#FDF5DA, #979B00, #EA004C, #5F6100, #60232A)
- Brick Lantern color palette (#E0E0C7, #579120, #BD2E00, #2D5500, #4A1407)
- Feathered Coast color palette (#F6E3B9, #9A8400, #CB0066, #5C4E00, #590029)
Browse the whole catalog at Explore, or see today's palette.