Olive Field color palette — #F4F2E5 · #9EAC65 · #A47BB7 · #5F6D00 · #361842
A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E5): a clean, paper-quiet neutral.
- Sage (#9EAC65): A luminous, balanced green — the color of a quiet forest floor.
- Dusty Rose (#A47BB7): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#5F6D00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#361842): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Olive 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
- Misty Ridge color palette (#FAF1DE, #B6A363, #7986D7, #796200, #1D224D)
- Lilac Cabin color palette (#EEF4E8, #68B59B, #B372B6, #00765B, #371B39)
- Soft Orchid Studio color palette (#F7F6E9, #90AB65, #A06ED2, #537107, #5A3644)
- Pine Parlor color palette (#E8F9F7, #92C88E, #A79DFF, #3E8D3B, #374062)
- Ancient Raspberry color palette (#EAF7E2, #00B293, #D9436D, #006B58, #430017)
- Airy Moss Grove color palette (#EAF9F4, #C7DEA5, #CBA6FD, #719A00, #402F56)
- Bronze Market color palette (#FFEEE2, #BDA88A, #99684A, #6F3A3D, #2A2204)
- Hushed Amethyst color palette (#EBF7DC, #4F9F80, #6F79BD, #7753B6, #172303)
Browse the whole catalog at Explore, or see today's palette.