Tempered Harbor color palette — #FFDFF4 · #D08EB6 · #B15A3F · #02678C · #2E5344

A conversation between Terracotta and Peacock, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFDFF4): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#D08EB6): A luminous, balanced pink — the color of a candy shop window.
• Terracotta (#B15A3F): A full-bodied, balanced orange — the color of toasted spice.
• Peacock (#02678C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#2E5344): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Denim Studio color palette (#FFE5F3, #D89FB9, #A87451, #385D8B, #314969)
• Hushed Coral Alley color palette (#F5E3EC, #E2858C, #9B6D55, #22595B, #003838)
• Weathered Station color palette (#D7EEFF, #ACA0CA, #B1647A, #00656B, #37543C)
• Timeworn Orchard color palette (#FFE6F3, #F1AFB6, #CA8568, #3E7B61, #395039)
• Driftwood Veranda color palette (#FFF1F1, #CBA38C, #848255, #6C586B, #5C3F48)
• Mulberry Balcony color palette (#FFF2EE, #E85E76, #008AB7, #AC003E, #004157)
• Ancient Driftwood color palette (#F9E6FE, #B8686F, #694E00, #16325C, #1F1441)
• Patina Alley color palette (#FBF1FF, #FBBBC6, #D8A484, #4A929F, #005863)

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