Olive Pier color palette — #DFF4E8 · #796C00 · #006568 · #3E3700 · #000A0B

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

The five colors

• Honeydew (#DFF4E8): A whisper-light, dusty teal — the color of sea glass.
• Olive (#796C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#006568): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#3E3700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000A0B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. 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

• Hushed Market color palette (#E7EEDC, #4E6500, #005265, #232F00, #000305)
• Softworn Hollow color palette (#E2E5C1, #5B5D00, #00594B, #642500, #040400)
• Antique Olive color palette (#DCECE3, #797600, #4E4400, #2D2100, #050600)
• Sunlit Lagoon color palette (#FFE6F2, #A45100, #006A31, #562700, #000B02)
• Dusty Mulberry Terrace color palette (#D8F4E9, #687300, #A6002F, #343A00, #180002)
• Airy Bronze Garden color palette (#C9F2FA, #00A79B, #9A7600, #00635B, #251A00)
• Antique Loft color palette (#E0F4EB, #98BC60, #5D9358, #5A4F00, #00120D)
• Aged Corridor color palette (#DBF8DE, #8C6200, #990077, #493100, #15000E)

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