Olive Field color palette — #D6E5E0 · #9EB4BB · #7F9CAB · #5F7E00 · #001913
Built around Olive Leaf, softened by Blue Fog — the whole palette hums with nature and growth.
The five colors
- Silver (#D6E5E0): bright and airy, almost weightless.
- Ash (#9EB4BB): A luminous, dusty blue — the color of deep harbor water.
- Blue Fog (#7F9CAB): A luminous, dusty blue — the color of open sky before noon.
- Olive Leaf (#5F7E00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Cypress Terrace color palette (#D9EBED, #A4B2BF, #8998AF, #00856B, #041719)
- Aged Fern color palette (#E1F0EA, #A5B9B8, #7F9BA2, #4E5900, #051812)
- Timeworn Olive color palette (#E6E5D9, #9FA28C, #6C8646, #2C3D00, #050400)
- Moss Loft color palette (#DBF6E9, #83A54C, #3E8242, #5C5900, #0A1300)
- Timeworn Teal color palette (#E6F1F3, #C8D5E3, #ADBAD4, #3EA694, #1A3236)
- Clover Bloom color palette (#D7E8E6, #B2B500, #00BD40, #009C91, #001108)
- Linen Teal color palette (#DBF2D6, #43A88C, #44868D, #6F487C, #340C20)
- Moss Boulevard color palette (#E8DFCD, #5E9D00, #007A61, #59278D, #001002)
Browse the whole catalog at Explore, or see today's palette.