Olive Harbor color palette — #E5F7ED · #A1A56D · #5A6E02 · #673634 · #002317

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

The five colors

• Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A1A56D): A luminous, dusty green — the color of fresh herbs.
• Olive (#5A6E02): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#673634): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cypress Loft color palette (#E2F7F5, #71B08D, #00765B, #5D4018, #002222)
• Worn Orchard color palette (#DAEBE4, #829759, #356307, #4E3200, #001711)
• Pine Drift color palette (#E6F6F1, #A2BD92, #518350, #6A495C, #152C28)
• Timeworn Olive color palette (#F9E1F1, #D27356, #4D9000, #952A00, #0E2200)
• Lagoon Thicket color palette (#E7F5F5, #A5CCCD, #539081, #536854, #203536)
• Tempered Market color palette (#EEF9EF, #D3D59B, #6A9950, #5B6182, #142E23)
• Antique Corridor color palette (#D5E3DD, #6F813F, #2D4E00, #510C00, #060900)
• Marigold Market color palette (#FFECF5, #EBDDB6, #D2A964, #90564B, #311A25)

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