Tempered Harbor color palette — #FFE4E3 · #FFC2AF · #DD8C00 · #871657 · #100100
Built around Wine, softened by Mustard — the whole palette hums with optimism and warmth.
The five colors
- Rose Water (#FFE4E3): A whisper-light, dusty orange — the color of autumn markets.
- Wheat (#FFC2AF): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#DD8C00): A luminous, balanced gold — the color of honey in a jar.
- Wine (#871657): A full-bodied, balanced rose — the color of strawberry cream.
- Ink (#100100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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
- Ancient Field color palette (#FFECE8, #FFB576, #C4A300, #872738, #060200)
- Timeworn Aubergine Ridge color palette (#FFE1E2, #D28E6C, #937801, #600D57, #1B0000)
- Tangerine Terrace color palette (#FFF0F7, #FFADBA, #FF6E2D, #83328F, #100005)
- Aged Garnet color palette (#F1DEEE, #D9846F, #AC6632, #77032E, #370300)
- Weathered Amber Terrace color palette (#F4E7DA, #C77900, #435600, #573200, #010100)
- Timeworn Alley color palette (#F0DCC0, #9F8313, #674600, #351900, #020100)
- Chalky Mustard color palette (#F8E2E8, #FFA86F, #B2AB3D, #9961A6, #370808)
- Washed Navy color palette (#F8E4D2, #8E4C00, #005766, #19007B, #030100)
Browse the whole catalog at Explore, or see today's palette.