Olive Pier color palette — #F6F6E7 · #CFE7D2 · #9BD8DD · #5F8E26 · #262615

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

The five colors

• Ivory (#F6F6E7): a clean, paper-quiet neutral.
• Celadon Mist (#CFE7D2): A whisper-light, dusty green — the color of fresh herbs.
• Ice Blue (#9BD8DD): A whisper-light, dusty blue — the color of deep harbor water.
• Olive Leaf (#5F8E26): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#262615): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Lagoon Delta color palette (#F2F7EF, #CEE3DD, #A9CCC8, #1A8973, #1B2017)
• Patina Moss Parlor color palette (#F7F6E5, #CDDFD1, #A3CABC, #7FA836, #34332C)
• Tempered Terrace color palette (#FDF4E6, #DBE3C8, #9FCEB7, #A17600, #2C2316)
• Softworn Fern color palette (#E7F6F1, #C5D8D8, #8AB4BC, #466700, #00201A)
• Emerald Atelier color palette (#CAFCDE, #00965F, #504548, #00332E, #050900)
• Dusty Veranda color palette (#FCF6DC, #97DA61, #009748, #595D00, #112400)
• Abyss Field color palette (#EBEFE2, #B2C0A6, #7F9A7E, #004923, #010100)
• Weathered Lime Cabin color palette (#FFF4DE, #53C900, #008572, #630F92, #001F0B)

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