Olive Pier color palette — #FFEEE4 · #D97653 · #398600 · #00577A · #43173F

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

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Coral Clay (#D97653): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#398600): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#00577A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#43173F): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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 Coral color palette (#FDEEE9, #D77472, #747800, #005B61, #2C234C)
• Tempered Balcony color palette (#FBF0DE, #B68F1C, #008568, #065093, #421A3A)
• Sunlit Apricot Meadow color palette (#FFF1F6, #E88D2B, #7E7B00, #00592E, #380118)
• Nightshade Grove color palette (#F9E5C7, #B18400, #007B65, #0317D0, #470027)
• Blush Corridor color palette (#FCECFD, #FE8998, #74A351, #3871B4, #252357)
• Linen Plum color palette (#FFEDEB, #BC4676, #006443, #1F3573, #2C1D47)
• Patina Bronze color palette (#F6E1D1, #B55500, #006428, #00355B, #260019)
• Hushed Thicket color palette (#FFDDCA, #D4AE85, #979964, #4D6E5C, #523754)

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