Olive Chapel color palette — #E6F7EC · #AFAC5A · #677300 · #703A3B · #242200

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#AFAC5A): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#677300): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#703A3B): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Chapel 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 Villa color palette (#E4F7F1, #86B779, #008135, #6C3F23, #002722)
• Tempered Loft color palette (#D4ECDA, #AB9410, #615E00, #662A00, #1B1600)
• Hushed Mustard color palette (#FFF3E4, #AFA733, #52762E, #4C4C74, #3D3A34)
• Timeworn Coast color palette (#FFF4DE, #C4BF66, #848F1C, #8B595B, #3D3A34)
• Washed Pine Balcony color palette (#DCF9F3, #76BB7B, #00804A, #005663, #06280B)
• Pale Veranda color palette (#FFEBF9, #F26642, #5B9600, #A22900, #142700)
• Weathered Moss Harbor color palette (#EAFBE9, #E5DD7B, #6FA423, #68639A, #342F00)
• Dusty Olive color palette (#DCF4ED, #51893F, #00531E, #451C00, #000A08)

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