Gentle Field color palette — #FFF0FB · #B96759 · #6E7813 · #2C612B · #3E2D3A
Built around Olive, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#B96759): A luminous, balanced orange — the color of sun-warmed clay.
- Olive (#6E7813): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#2C612B): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#3E2D3A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Gentle 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
- Quiet Raspberry Harbor color palette (#FAF1FF, #B76184, #956700, #575600, #382E3E)
- Olive Field color palette (#FFF0F7, #B65800, #3B7800, #00583E, #452005)
- Worn Pine color palette (#EAFAEB, #A47828, #008654, #005F61, #29372A)
- Dusty Harbor color palette (#F8F3FC, #BD7892, #997943, #545C85, #433948)
- Wisteria Coast color palette (#FFF1F4, #C17FDF, #699F63, #577953, #3F2D32)
- Fern Quarry color palette (#EED6E1, #954C00, #246300, #004231, #2C0F1E)
- Washed Villa color palette (#F0F0FF, #A368CA, #3D8755, #275F3A, #191827)
- Aged Fern color palette (#EEF6FF, #4783C0, #396500, #005142, #162E3C)
Browse the whole catalog at Explore, or see today's palette.