Olive Harbor color palette — #E7F6ED · #ABAC6E · #637400 · #584C00 · #222200

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#ABAC6E): A luminous, balanced green — the color of fresh herbs.
• Olive (#637400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#584C00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Harbor 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

• Dusty Pine color palette (#E2F7F2, #87B681, #00813E, #365800, #092806)
• Dusty Chapel color palette (#FFF3E3, #A7A861, #3B7B00, #6A4A00, #3C3A34)
• Hushed Moss Courtyard color palette (#FBF5E6, #BCC081, #799300, #726A36, #3C3E10)
• Ancient Fern color palette (#DFEEE7, #889467, #3E6104, #3C3B00, #0F1500)
• Lagoon Dune color palette (#E5F6F3, #92BDBA, #488369, #405E3E, #052E2D)
• Quiet Dune color palette (#BFF2DB, #009A6F, #0080AB, #706100, #001E13)
• Gentle Archive color palette (#D2FBFE, #00B389, #B27300, #006C52, #301B00)
• Wandering Garden color palette (#C6FFF9, #11C5BA, #007E76, #004541, #001311)

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