Olive Pier color palette — #CEFBE6 · #A9A862 · #716800 · #373200 · #111000

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#CEFBE6): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A9A862): A luminous, balanced green — the color of fresh herbs.
• Olive (#716800): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#373200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#111000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged monochrome, 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

• Bronze Meadow color palette (#FFEFDC, #C79D64, #905D00, #4D3000, #140900)
• Timeworn Moss Thicket color palette (#F9F7C6, #A6A43E, #666600, #3D3C00, #2A2400)
• Olive Coast color palette (#DEFCD3, #8CB97C, #347918, #194000, #030E00)
• Chestnut Lantern color palette (#D3E6D8, #7EA28D, #776222, #523900, #001E12)
• Washed Olive color palette (#CFFEF1, #B3C998, #66873B, #2F4D00, #101C00)
• Softworn Fern Courtyard color palette (#E0ECE9, #ABA260, #355000, #142100, #000705)
• Dusty Moss color palette (#FEF7C5, #E0E598, #988A00, #504F00, #161300)
• Softworn Olive color palette (#EDF1DD, #788300, #3E4900, #1A1E00, #010200)

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