Olive Pier color palette — #FDF1F8 · #CAB084 · #7F8733 · #6D5982 · #253C28

Olive Leaf and Graphite set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Sand (#CAB084): A luminous, dusty gold — the color of old brass.
• Olive Leaf (#7F8733): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#6D5982): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#253C28): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Linen Moss color palette (#FFF1F6, #C8BE63, #469E0D, #6D5E95, #413C0D)
• Weathered Lagoon color palette (#EEF8F1, #9FC087, #009770, #6D5B7B, #1D3C36)
• Aged Driftwood color palette (#FFF3E7, #E0CF9B, #83924F, #536287, #342504)
• Mulberry Thicket color palette (#EEECFF, #E09BEE, #A59700, #893E97, #3C3600)
• Fern Canyon color palette (#FDF4E7, #A79D51, #5C6B21, #345343, #38352E)
• Feathered Fern Thicket color palette (#F6DCE7, #A6913F, #486E00, #553666, #211A00)
• Teal Thicket color palette (#EEF8F2, #B0DCD3, #71A995, #887590, #3D524E)
• Apricot Courtyard color palette (#F2F5FF, #FED3D5, #FFAC93, #578BB1, #413D58)

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