Tempered Olive Harbor color palette — #E5FCED · #807400 · #006348 · #004639 · #3A1428

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

The five colors

• Ivory (#E5FCED): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#807400): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006348): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004639): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#3A1428): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Olive Harbor color palette (#E2FCF2, #667300, #3F4D00, #1E286B, #2A131D)
• Bronze Thicket color palette (#E5FDE4, #986300, #734A00, #00424D, #331C36)
• Soft Olive color palette (#E4FBF3, #6A7914, #0E6794, #00486A, #35263A)
• Weathered Cypress Field color palette (#E8F9F7, #6A9265, #0F747E, #6A4054, #213533)
• Pale Ridge color palette (#E1FCF7, #1D810E, #146308, #192A92, #311D00)
• Chalky Rust Study color palette (#FFEEE3, #C05824, #006158, #003B77, #1D0010)
• Ember Coast color palette (#E2FEE3, #E05D2F, #5E6700, #323B8A, #4D2D00)
• Bronze Lantern color palette (#D8F6DD, #866200, #1D3202, #031E0B, #190D14)

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