Tempered Harbor color palette — #FFF0FC · #E79A92 · #67B4B2 · #5A93BF · #4F3B4C
A conversation between Melon and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Melon (#E79A92): A luminous, balanced orange — the color of autumn markets.
- Turquoise (#67B4B2): A luminous, dusty teal — the color of sea glass.
- Slate Blue (#5A93BF): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#4F3B4C): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Hushed Periwinkle Study color palette (#FFF1F5, #D8A672, #6DACD9, #8984BC, #523A43)
- Teal Boulevard color palette (#F8F2FF, #D69DBD, #70B68F, #57A297, #473E50)
- Dusty Aqua Drift color palette (#FFF2EE, #FFB5B9, #63CFC8, #63AFC3, #47332D)
- Tangerine Ridge color palette (#FFE5DD, #FF784F, #00A1B6, #007BB3, #4F2113)
- Amber Ridge color palette (#FFD9E6, #CA8334, #3E92C6, #6868AF, #401F2D)
- Quiet Marigold Chapel color palette (#E4FDEA, #C3A042, #7598DA, #906EB4, #21402B)
- Patina Drift color palette (#EEF9EF, #B7D2C3, #88A48C, #886B78, #384D47)
- Aged Indigo color palette (#FFF2EF, #C3838F, #A8824F, #8265AE, #533C37)
Browse the whole catalog at Explore, or see today's palette.