Tempered Harbor color palette — #FEF2F2 · #CFD7A2 · #9E6B89 · #644343 · #342828

A conversation between Mocha and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2F2): bright and airy, almost weightless.
• Pistachio (#CFD7A2): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9E6B89): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#644343): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#342828): quiet, heavy and certain.

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

• Dusty Driftwood Corridor color palette (#F8F3FA, #BCEAF5, #A47788, #4E3F57, #1F1922)
• Ancient Bronze Delta color palette (#FFF3E9, #D9C37E, #9E612D, #5B3A1F, #291F17)
• Stone Station color palette (#F9F3FA, #E7B48C, #6D5371, #423245, #2C2125)
• Tempered Pier color palette (#F7F3FE, #B3EBE5, #BB8EAE, #726685, #2D2934)
• Taupe Atelier color palette (#FBF3F2, #F9BDD4, #AE9C37, #B7758F, #302E27)
• Sunlit Plum Dune color palette (#FFF2EF, #C5C049, #B42F55, #602331, #2B130E)
• Tempered Cabin color palette (#FDF4E4, #F2A7A5, #B48A44, #507198, #4D4642)
• Wisteria Canyon color palette (#FFF1F3, #CC95CC, #69AC87, #4882A2, #49383B)

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