Tempered Harbor color palette — #E4FBF8 · #B0BAEE · #B38297 · #227D7E · #44455B
Built around Teal, softened by Lavender — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
- Lavender (#B0BAEE): A luminous, dusty violet — the color of a velvet chair.
- Dusty Rose (#B38297): A luminous, dusty rose — the color of strawberry cream.
- Teal (#227D7E): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#44455B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged retro, 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
- Petrol Harbor color palette (#EAFAF1, #D4AFD8, #BD826E, #3674A4, #4D4355)
- Dusty Workshop color palette (#F2F8E6, #DAD8FF, #C98F9D, #457F76, #4E383E)
- Softworn Driftwood Grove color palette (#FDF4E6, #C295C8, #A65D71, #4C613D, #584142)
- Mallow Canyon color palette (#E6FCEA, #F4B8FB, #DD97A9, #7D946D, #4B4357)
- Ash Parlor color palette (#FBF2F5, #B8DAC9, #77A69F, #757C99, #3E5348)
- Patina Archive color palette (#D8F7E9, #C38AC8, #B25C3D, #005D82, #472233)
- Lagoon Workshop color palette (#F8F3F8, #D3D6EB, #7CBCD4, #629568, #3E556E)
- Ash Dune color palette (#F5EFFD, #C583AD, #645160, #3B3445, #202129)
Browse the whole catalog at Explore, or see today's palette.