Timeworn Olive Harbor color palette — #FFF6CE · #B3C77F · #727E00 · #3F4900 · #2B3100

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

The five colors

• Custard (#FFF6CE): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B3C77F): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#727E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3F4900): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#2B3100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged monochrome.

Use it as a design system

One click turns Timeworn 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

• Gentle Bronze Loft color palette (#FFF3E2, #D3AE67, #8E6D00, #573F00, #3E2E00)
• Pine Alley color palette (#F2FAD7, #8DC292, #26833B, #014F1B, #093315)
• Washed Boulevard color palette (#D9FFF1, #D6E4A1, #A7B667, #7B8B45, #2C3200)
• Soft Emerald color palette (#F3F9DC, #ADDCB8, #4C9966, #2E5A35, #363F00)
• Misty Field color palette (#D9FFF2, #CAD681, #8F9E47, #5F641F, #282F03)
• Softworn Meadow color palette (#FBF5E1, #C2F4DC, #9DDEC4, #8A7237, #514900)
• Shadow Cabin color palette (#E2E7DA, #4E8000, #293900, #0B1400, #010200)
• Hushed Garden color palette (#F4F6EF, #80BF9D, #0079A4, #007249, #172821)

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