Tempered Harbor color palette — #FEF1FA · #ECB4A5 · #A6B777 · #5A9163 · #3D2B38

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Rose Quartz (#ECB4A5): A luminous, dusty orange — the color of toasted spice.
• Sage (#A6B777): A luminous, balanced green — the color of fresh herbs.
• Fern (#5A9163): A luminous, balanced green — the color of fresh herbs.
• Espresso (#3D2B38): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Timeworn Archive color palette (#E9F8FF, #8DD0DD, #BDAE7C, #718D48, #1D3540)
• Weathered Pine Market color palette (#FFF1F6, #EBC2A4, #A09E60, #357B52, #004146)
• Washed Mustard color palette (#F1F5FF, #BDBAFF, #B9BD6E, #60A8A7, #383D4A)
• Tempered Taupe color palette (#FFF1F6, #FFCED3, #D28E7E, #79753D, #4A3849)
• Emerald Field color palette (#EFF6FF, #A0BDF5, #6A9F6A, #00756C, #162834)
• Lilac Atelier color palette (#FDEDF1, #AE7DCD, #698E66, #476845, #2D1E22)
• Frosted Lilac color palette (#F2F5FF, #A294FF, #00AA8A, #007582, #1B133A)
• Patina Stone Summit color palette (#F7F4FA, #DED7DB, #CBC1BA, #CF9DB7, #504B54)

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