Olive Harbor color palette — #FFEFDD · #CE896B · #64732E · #3F4072 · #301E06

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

The five colors

• Cream (#FFEFDD): A whisper-light, dusty gold — the color of old brass.
• Camel (#CE896B): A luminous, balanced orange — the color of toasted spice.
• Olive (#64732E): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#3F4072): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#301E06): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Timeworn Study color palette (#FEEEE5, #C3A77C, #588466, #60466E, #332B14)
• Timeworn Chapel color palette (#F9F2DC, #C586A5, #925D24, #144B6E, #371910)
• Olive Station color palette (#FFF4E2, #B78F5F, #6D6F0B, #00537E, #403D36)
• Coral Basin color palette (#FDEEE9, #CC6E6B, #007565, #552F5F, #2E0D37)
• Timeworn Moss color palette (#FFF1F6, #DDA091, #8A8C31, #65569C, #50333F)
• Pale Moss color palette (#FFEDEA, #9B9600, #007166, #601A62, #0C2300)
• Aubergine Corridor color palette (#FCE4D6, #B26D00, #176A19, #3B0069, #171200)
• Timeworn Bronze Corridor color palette (#F3EBDF, #8F7100, #31322B, #1C1506, #0B0502)

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