Olive Quarry color palette — #F8F5EE · #D2DED1 · #B3C1AB · #776C03 · #503D00

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D2DED1): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#B3C1AB): A luminous, dusty green — the color of fresh herbs.
• Olive (#776C03): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#503D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Olive Quarry 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

• Pine Summit color palette (#F4F7EA, #CBDFD8, #A6C4B5, #137F3E, #3C4500)
• Ancient Meadow color palette (#F1EFE4, #CBCEC1, #94A791, #56590E, #322E1F)
• Wandering Driftwood color palette (#F2F7F0, #D3DDDC, #B7ADA6, #76886D, #50544E)
• Hushed Pine color palette (#FFF3E5, #A4A95B, #2F7C3B, #6D480A, #3B3E06)
• Tempered Abyss color palette (#EDF1E5, #9EAF9E, #67877A, #004327, #121608)
• Mustard Garden color palette (#EEF8F2, #CDDDE1, #AFA9BC, #B6A723, #35443C)
• Cocoa Study color palette (#FFE7B1, #82B684, #448792, #774B62, #6E360C)
• Lowlit Olive Veranda color palette (#F1F2D3, #397B00, #1C3115, #191903, #060800)

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