Olive Pier color palette — #E7DFB7 · #9DBA6A · #4D8B13 · #346723 · #454740

Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E7DFB7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9DBA6A): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#4D8B13): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#346723): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#454740): a grounded near-black with real depth.

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

Use it as a design system

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

• Gentle Dune color palette (#F6E3B7, #C9AE53, #897800, #5E5A00, #48463F)
• Muted Moss color palette (#F5EFD9, #9CAD30, #618934, #265C35, #203213)
• Hushed Lagoon Canyon color palette (#E3EEC4, #60BC8C, #00926D, #006451, #394E2F)
• Chalky Chapel color palette (#F5F6E9, #7DB068, #C96C4D, #407525, #603527)
• Mustard Parlor color palette (#FAEAB4, #BFC64F, #74A149, #397E58, #1F4F55)
• Soft Pine color palette (#F1FAD6, #91CFA0, #00844B, #005125, #05351B)
• Fern Harbor color palette (#F2F8E4, #B1E6E2, #73D0C3, #678A60, #41540D)
• Emerald Quarry color palette (#F3F8E2, #3C9F59, #008AA2, #866200, #373932)

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