Olive Harbor color palette — #EDE6D9 · #57723A · #00412C · #00222E · #010400

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

The five colors

• Parchment (#EDE6D9): bright and airy, almost weightless.
• Olive (#57723A): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00412C): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010400): A deep, shadowed, dusty green — the color of new leaves after rain.

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 Harbor color palette (#F0F0DE, #0A7A5D, #003E43, #132400, #000402)
• Muted Summit color palette (#CBE9E0, #5DA063, #005C40, #003233, #000200)
• Onyx Quarry color palette (#FFE9D5, #766821, #243F00, #360039, #040300)
• Weathered Station color palette (#EDE4CD, #74A36F, #006B59, #004362, #021C01)
• Hushed Fern color palette (#F6ECE1, #949056, #306321, #56204F, #151300)
• Denim Study color palette (#F0E0D9, #5894A2, #004E79, #002D1F, #01001D)
• Charred Aubergine color palette (#E9E5FF, #5516AC, #4B3D00, #222E06, #020008)
• Olive Courtyard color palette (#FFEFE0, #B5A968, #467C02, #65386A, #272000)

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