Tempered Harbor color palette — #FEEFFF · #F0CEAA · #A2B979 · #955D98 · #4D2312

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

The five colors

• Blush (#FEEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Wheat (#F0CEAA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A2B979): A luminous, balanced green — the color of new leaves after rain.
• Slate (#955D98): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#4D2312): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged pastel, light, 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

• Aged Mustard color palette (#F6E5FF, #FFCEB8, #CEB965, #8E6CA9, #492B46)
• Worn Chapel color palette (#FFEEF5, #D7DAA7, #6BC2A0, #A96364, #402C00)
• Dusty Thicket color palette (#FFF2EE, #E0DACE, #C7D65F, #A46DB0, #3D2210)
• Softworn Garden color palette (#FFE1D5, #E4C074, #6BAE77, #A4426C, #301B00)
• Worn Field color palette (#FFECE4, #E0B39D, #B59256, #973757, #522814)
• Blush Coast color palette (#FFE2FB, #FFD6BD, #EDC673, #D26D8D, #45293D)
• Worn Chestnut Boulevard color palette (#EDD7E0, #B4A654, #804300, #411F00, #19030E)
• Wandering Ridge color palette (#FFF0F9, #E5EDCC, #ABE5C2, #BD8091, #3F5442)

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