Olive Field color palette — #EBF4F2 · #9BD0C3 · #5C87AD · #5D7D38 · #0B1722

Built around Olive, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Pistachio (#9BD0C3): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#5C87AD): A luminous, dusty blue — the color of open sky before noon.
• Olive (#5D7D38): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0B1722): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Cypress Villa color palette (#EBF4F5, #8DD4C2, #8D78A6, #258370, #141422)
• Hushed Bronze Veranda color palette (#ECF4EE, #D5C28C, #5986B6, #876F24, #0D1721)
• Timeworn Pine Meadow color palette (#EEF7F6, #A3CCAB, #288AA2, #377E4A, #213038)
• Tempered Moss Hollow color palette (#F6F5EE, #CAD8A8, #8996DB, #829741, #382833)
• Ancient Teal color palette (#FCECFC, #83BA9D, #507E9C, #624763, #153137)
• Navy Lagoon color palette (#EBF9CB, #9BCDB2, #49969A, #155A7E, #1E265D)
• Muted Lagoon color palette (#EBF4F4, #D3D8DE, #B0ACB5, #5F8C8E, #2F3838)
• Tempered Market color palette (#CFE6EF, #007582, #54006D, #003036, #010008)

Browse the whole catalog at Explore, or see today's palette.