Olive Harbor color palette — #FEF3EA · #CB8048 · #757400 · #004679 · #170700

Olive takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Mustard (#CB8048): A luminous, balanced gold — the color of old brass.
• Olive (#757400): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004679): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#170700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Dusty Bronze Dune color palette (#FFF2ED, #CF766E, #985D00, #005B65, #150100)
• Bronze Terrace color palette (#FEF3E9, #D2985F, #A86400, #004C81, #2B1500)
• Pine Coast color palette (#FFF3E5, #BA801D, #208D32, #4B308D, #130800)
• Gentle Olive Courtyard color palette (#FCF4EA, #D3A367, #5F8B2B, #484C95, #2A1902)
• Soft Nightshade color palette (#FFF3E4, #EE9BAE, #A37400, #3B43A2, #3A140D)
• Muted Orchard color palette (#FFF3E7, #C37500, #37352E, #1A0C00, #030000)
• Antique Bronze color palette (#FFF3E3, #886200, #4F4C00, #002B4A, #030100)
• Rust Bloom color palette (#FFEEE6, #C73A3C, #005D46, #003A5A, #150306)

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