Olive Workshop color palette — #F7DCE6 · #B0A66C · #5C7D44 · #4E4F81 · #302900

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

The five colors

• Shell Pink (#F7DCE6): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#B0A66C): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#5C7D44): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#4E4F81): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Washed Chapel color palette (#D6EBDE, #8CB17E, #00856A, #66496E, #17300C)
• Antique Driftwood Atelier color palette (#FFF1F6, #BDB77F, #6A8B5B, #556284, #203C2E)
• Olive Station color palette (#FFF3E9, #CCBA80, #5D8500, #4E4B75, #211600)
• Quiet Hollow color palette (#DFEDDF, #939941, #217333, #463A73, #1B1D00)
• Pale Moss color palette (#D9EADA, #C7BB73, #899C00, #746DA1, #09311F)
• Misty Rose color palette (#FFE3E3, #D45762, #008C90, #1B6B8A, #3C0A11)
• Dusty Ash color palette (#EFF7F4, #AEDBDA, #78A4AF, #817891, #375352)
• Iris Coast color palette (#FCE9EF, #A9C8E7, #7480C6, #006B6F, #36234B)

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