Olive Pier color palette — #FFF1F6 · #B7B27D · #5B7F4C · #6C505B · #34473D

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#B7B27D): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5B7F4C): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#6C505B): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#34473D): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Stone Atelier color palette (#E8FAEF, #9ABB8C, #44816D, #426250, #2F4844)
• Chestnut Archive color palette (#F9F1E2, #BFB28F, #747A47, #6D4F00, #2F260B)
• Worn Driftwood Pier color palette (#DCFDFD, #C7DFED, #A8BFE6, #818657, #395459)
• Powdered Jade Quarry color palette (#DFFCFD, #43B78A, #BD6A98, #037854, #4B3A5A)
• Dusty Taupe Parlor color palette (#FDF4E8, #E1D4B0, #9AB781, #AA8A5C, #524000)
• Frosted Lime Studio color palette (#E7E4AE, #89BD5B, #00986D, #00645B, #234661)
• Linen Balcony color palette (#D5FFFF, #00A26C, #B55972, #925363, #223D3E)
• Muted Parlor color palette (#FCF2F8, #B0E6F9, #608EBC, #23715D, #3C4762)

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