Olive Pier color palette — #FFF0F9 · #E28D6A · #608422 · #005361 · #240447

A conversation between Olive Leaf and Salmon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Salmon (#E28D6A): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#608422): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005361): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#240447): A deep, shadowed, balanced violet — the color of wild irises.

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

• Timeworn Blush color palette (#FEF0FF, #E98392, #8B7500, #00574B, #041546)
• Faded Marigold Loft color palette (#FFF1F6, #E8AD72, #609A6B, #00648A, #3B1C45)
• Navy Orchard color palette (#EDF9EC, #CE9C52, #168B65, #00488F, #350325)
• Rust Orchard color palette (#FFEEE4, #C44B00, #326200, #004155, #391F42)
• Wandering Amber Ridge color palette (#FFF1F7, #C96F1B, #243B28, #1F0413, #030002)
• Softworn Mallow color palette (#F4EFFF, #FA94E1, #69A94A, #6D4DAC, #30224B)
• Worn Bronze color palette (#FFEDF5, #BA5D00, #0C5E0E, #00293A, #040006)
• Gentle Scarlet Lantern color palette (#FFE8DD, #D93818, #006168, #003851, #001623)

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