Tempered Harbor color palette — #F5F2E7 · #C8C5A5 · #6E8C6A · #57674C · #32312A

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

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Pistachio (#C8C5A5): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6E8C6A): A luminous, dusty green — the color of new leaves after rain.
• Olive (#57674C): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#32312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hushed Pewter color palette (#F7F1E4, #BBB48D, #607F56, #335974, #2B2812)
• Patina Cypress Terrace color palette (#F5F1EB, #C9E2D9, #69A8B0, #2A7B5F, #243C30)
• Hushed Forest Basin color palette (#E3E4D2, #649C7A, #006452, #004148, #00170A)
• Patina Market color palette (#EFF7F3, #B0DCCF, #82A77E, #658487, #3C534C)
• Fern Orchard color palette (#E9DECB, #7C7C3D, #354C00, #002E3F, #080800)
• Timeworn Summit color palette (#E9E6CD, #67A760, #006D46, #0B3689, #021C01)
• Weathered Ridge color palette (#FBECFA, #859DC8, #C27472, #4F894A, #322130)
• Fern Drift color palette (#EFEAD0, #42632F, #003417, #001916, #000200)

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