Olive Harbor color palette — #DFE1D0 · #2F7F0B · #8E3300 · #0D3500 · #030000

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

The five colors

• Bone (#DFE1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#2F7F0B): A full-bodied, vivid green — the color of a quiet forest floor.
• Burnt Sienna (#8E3300): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#0D3500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Wandering Cypress color palette (#E3F0DA, #007D67, #724C00, #003429, #020100)
• Faded Mulberry Alley color palette (#E5DECB, #746E00, #9E003D, #2F2C00, #040001)
• Wandering Forest Field color palette (#D5E4D4, #026717, #00505B, #432D00, #000200)
• Charred Bronze color palette (#F4E3CE, #8F6C29, #543400, #1F0D00, #020100)
• Garnet Chapel color palette (#D2E4E0, #275A00, #690057, #0C2500, #040002)
• Ultramarine Alley color palette (#E6F0D9, #007E59, #0848BD, #003423, #000108)
• Patina Emerald Balcony color palette (#D7EEDF, #1D9C62, #00512C, #1A2027, #000A03)
• Worn Bronze Chapel color palette (#E4F3DF, #00A998, #997400, #005A51, #0C0700)

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