Olive Chapel color palette — #F7F7E3 · #89AC69 · #8B7EC3 · #4C731D · #433B64

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

The five colors

• Cream (#F7F7E3): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#89AC69): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8B7EC3): A luminous, balanced violet — the color of a velvet chair.
• Olive (#4C731D): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#433B64): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Grove color palette (#F6F7E0, #88AC74, #B86C9E, #477429, #5D314E)
• Taupe Garden color palette (#FEF4E3, #BC9B46, #8380C5, #7E6100, #3E3C69)
• Wandering Moss color palette (#F8F7DD, #749551, #886CAA, #894D6D, #393831)
• Misty Lagoon color palette (#F8F6E3, #ABC284, #2CB5DE, #6C8F00, #004A5E)
• Feathered Pier color palette (#E1F8F0, #98AE6C, #CA6F68, #566F00, #431815)
• Wandering Raspberry color palette (#E8FCE3, #00AA9D, #BF518E, #006B62, #5E2043)
• Tempered Cocoa Harbor color palette (#FFF2E9, #BAA387, #8F6851, #71433F, #403D36)
• Pale Moss Boulevard color palette (#E7FAF4, #B9D98C, #CAABFF, #88AD4D, #483A60)

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