Olive Harbor color palette — #FFE8F6 · #C35D34 · #357F00 · #792800 · #051700

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

The five colors

• Blush (#FFE8F6): A whisper-light, dusty pink — the color of peonies in June.
• Terracotta (#C35D34): A full-bodied, balanced orange — the color of autumn markets.
• Olive Leaf (#357F00): A full-bodied, vivid green — the color of fresh herbs.
• Rust (#792800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#051700): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Worn Corridor color palette (#FFE7EF, #B56B00, #007F57, #663A00, #00170D)
• Gentle Garnet color palette (#F0E5F3, #C84F73, #7A6C00, #84003B, #161200)
• Frosted Mulberry Corridor color palette (#F8D5E7, #A84D00, #5C6500, #811961, #1A0110)
• Tempered Canyon color palette (#E2EEE2, #B1852C, #4E3200, #1C0F00, #000200)
• Patina Scarlet Villa color palette (#F5D7CA, #E6241A, #00778B, #8B0B06, #002F38)
• Timeworn Station color palette (#D2F4E1, #8C8B35, #615600, #3D2F00, #00130C)
• Tangerine Hollow color palette (#FFF0F9, #FF8054, #00A7A4, #AA3700, #001D1C)
• Dusty Courtyard color palette (#FFE5DB, #E07640, #8A3A00, #431500, #100300)

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