Olive Field color palette — #E9F5F1 · #A5BF71 · #008688 · #586E1E · #001117
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F5F1): a clean, paper-quiet neutral.
- Sage (#A5BF71): A luminous, balanced green — the color of new leaves after rain.
- Teal (#008688): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#586E1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001117): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
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
- Softworn Fern Lantern color palette (#F7F5EC, #AEB479, #007D8B, #606500, #17291C)
- Washed Ridge color palette (#EAF4F4, #8FD6AB, #4B8BB0, #41815D, #0B1720)
- Wandering Marigold Station color palette (#ECF4EC, #E1A74E, #0A8B5B, #875A00, #001212)
- Wandering Teal color palette (#E2F6F9, #00C2A9, #0073A5, #006A5C, #000A15)
- Hushed Jade color palette (#E0FAE5, #59B275, #0D7B78, #573A5C, #0B2829)
- Mint Study color palette (#D9FCCA, #65CA92, #008976, #00595A, #002B32)
- Emerald Alley color palette (#F5F6ED, #A7D398, #00A695, #599144, #1C2818)
- Emerald Garden color palette (#D4F6F2, #00B339, #006775, #005D19, #000406)
Browse the whole catalog at Explore, or see today's palette.