Olive Field color palette — #ECF4F2 · #98D0C7 · #5887B3 · #458338 · #0A1723
Built around Olive Leaf, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF4F2): a clean, paper-quiet neutral.
- Pistachio (#98D0C7): A luminous, dusty teal — the color of sea glass.
- Cerulean (#5887B3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#458338): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0A1723): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Washed Harbor color palette (#EDF4F0, #A0D0BA, #269591, #767713, #03191E)
- Muted Cypress color palette (#ECF3F5, #8DD2CC, #8B76B3, #00837C, #131423)
- Weathered Azure Coast color palette (#F5F6EF, #B4DFAA, #34A7DF, #669D59, #21322C)
- Frosted Navy Parlor color palette (#CAFEF8, #96C9D0, #309398, #00637E, #002C59)
- Dusty Cerulean color palette (#FCEDF8, #81BAA1, #35839D, #774036, #113137)
- Wandering Sapphire color palette (#E1F7F7, #50C091, #465ECD, #006C4A, #01071E)
- Aged Lagoon color palette (#ECF4F4, #D2D7DC, #AFACB6, #53917C, #2F3839)
- Aged Market color palette (#D2E7EE, #008A8A, #5100A6, #003F3F, #020008)
Browse the whole catalog at Explore, or see today's palette.