Olive Pier color palette — #CDEADF · #798700 · #007485 · #394100 · #000102

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

The five colors

• Honeydew (#CDEADF): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#798700): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#394100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

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

• Airy Emerald Courtyard color palette (#CBF5EF, #2F962A, #006FA1, #094907, #000103)
• Aged Olive color palette (#DDE3CE, #5F7000, #00665F, #683100, #010100)
• Bronze Field color palette (#FBE4EC, #B16B00, #007A55, #573200, #000201)
• Ultramarine Villa color palette (#C2F0F1, #00956A, #005AE0, #004831, #000107)
• Antique Driftwood color palette (#DEEFE7, #818E44, #515100, #282100, #010100)
• Faded Grove color palette (#D6ECE8, #379619, #AD3E00, #124900, #030000)
• Faded Nightshade color palette (#F5F1D2, #506400, #0030BF, #242F00, #000113)
• Plum Orchard color palette (#E4F5E4, #A87200, #AF0592, #523500, #040002)

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