Tempered Harbor color palette — #FFEDFD · #FFC8C2 · #ED9F8B · #B38371 · #644958
A conversation between Melon and Caramel, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FFEDFD): A whisper-light, dusty pink — the color of neon signs at night.
- Shell Pink (#FFC8C2): A whisper-light, dusty orange — the color of autumn markets.
- Melon (#ED9F8B): A luminous, balanced orange — the color of autumn markets.
- Caramel (#B38371): A luminous, dusty orange — the color of toasted spice.
- Charcoal Brown (#644958): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, 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
- Wandering Stone Canyon color palette (#FFF0F9, #F4CCE0, #CEA9C0, #A18A9B, #534249)
- Tempered Chestnut Alley color palette (#FFF2EF, #EAD6C9, #E39F8C, #AA765A, #764608)
- Stone Boulevard color palette (#FFECF5, #FFC99E, #E4B17A, #B3936B, #3D5440)
- Muted Stone Meadow color palette (#FFF0F7, #FFDBC2, #E8AB84, #AC8267, #472A38)
- Tempered Chestnut color palette (#F2EAFF, #E4ABB7, #C27569, #804800, #1E3C25)
- Dusty Alley color palette (#FFF0F7, #FDB486, #B8C58D, #B9A5CB, #503C45)
- Frosted Courtyard color palette (#FBE6DE, #FFA877, #EA7900, #B66A00, #563400)
- Softworn Amber Basin color palette (#F1E1CC, #C18F00, #9A7A00, #645500, #201D00)
Browse the whole catalog at Explore, or see today's palette.