Tempered Harbor color palette — #FFF1F7 · #F8CAAD · #DEB4F2 · #E69158 · #5A4364
A conversation between Apricot and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Wheat (#F8CAAD): A whisper-light, dusty gold — the color of old brass.
- Lavender (#DEB4F2): A whisper-light, balanced violet — the color of a velvet chair.
- Apricot (#E69158): A luminous, balanced gold — the color of afternoon light on wheat.
- Charcoal Brown (#5A4364): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Softness, Clarity. Tagged 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
- Amber Basin color palette (#FDF3EC, #ECD9BD, #A5D0FF, #CE8562, #533D55)
- Taupe Lagoon color palette (#FFF0F7, #F0CFDC, #CFA9BC, #B9846E, #574048)
- Timeworn Mustard color palette (#EEF8F2, #B5E1C6, #F8AFC4, #C1A735, #594461)
- Blush Villa color palette (#FAF2FD, #E5CAEE, #AFC6FB, #ED81A1, #3B4E6B)
- Weathered Blush color palette (#FFF1F7, #EBBC9A, #B0C883, #E193B5, #533A45)
- Tempered Stone Meadow color palette (#FFF1F5, #C3E6ED, #DDAF91, #9FBDDE, #425143)
- Aged Corridor color palette (#FFF0F7, #E6BA9D, #71BBE4, #CC712B, #315168)
- Worn Marigold Station color palette (#EFF8EF, #F3CEA0, #87DABF, #D29D55, #285559)
Browse the whole catalog at Explore, or see today's palette.