Tempered Harbor color palette — #FFF0FA · #F5D1D6 · #E4C899 · #B6CE6F · #553541

Pistachio and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#F5D1D6): A whisper-light, dusty red — the color of embers at dusk.
• Wheat (#E4C899): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#B6CE6F): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#553541): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Tempered Lime Orchard color palette (#FFF1F6, #F8D1D0, #E0D398, #9AD473, #263F28)
• Dusty Marigold color palette (#FAF2FF, #E2D5E7, #F4AE53, #C3BBA5, #483548)
• Amber Thicket color palette (#EDF9EF, #E7C882, #A1BBFF, #C69700, #334165)
• Aged Workshop color palette (#F7F3FF, #E5CBDD, #9FC0AB, #8890AF, #474D68)
• Sunlit Chartreuse color palette (#DFFDF3, #FFD4B4, #D4DE00, #00D0CC, #083A35)
• Clover Terrace color palette (#FFF1F7, #FFCEDA, #FFB97E, #48C600, #342700)
• Washed Marigold color palette (#FFDAF8, #FFB47D, #D79A00, #908E2E, #1C5147)
• Turquoise Chapel color palette (#EAF9F5, #ACE3C9, #62BDC0, #9889A7, #29494A)

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