Tempered Harbor color palette — #E8F9FC · #6CDDD1 · #D195AC · #A17F60 · #553944

Lagoon takes the lead with Mauve close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#E8F9FC): bright and airy, almost weightless.
• Lagoon (#6CDDD1): A whisper-light, balanced teal — the color of sea glass.
• Mauve (#D195AC): A luminous, dusty rose — the color of strawberry cream.
• Caramel (#A17F60): A luminous, dusty gold — the color of afternoon light on wheat.
• Cocoa (#553944): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Hushed Glacier color palette (#EBF7FD, #74D8EC, #D49793, #9E815D, #314A2F)
• Ancient Chartreuse color palette (#E9F9F5, #A8D887, #AD9FDA, #A97877, #50394F)
• Worn Aqua Dune color palette (#ECF9F0, #59C2D7, #987EB9, #8B5B4E, #43433C)
• Worn Basin color palette (#EDF9EF, #BDE9DA, #91C0BE, #859FAB, #3D524B)
• Ancient Powder Terrace color palette (#D4F3FF, #A1E1FF, #96BAFB, #9491C2, #4A4B63)
• Peony Cabin color palette (#E6F9FF, #29DCE1, #E34E8F, #897400, #3A3000)
• Antique Glacier Quarry color palette (#EAF7FF, #8BD9F3, #8A96CE, #805D7E, #094048)
• Worn Workshop color palette (#E5F5FE, #54C6EE, #707C92, #4A575E, #1B2325)

Browse the whole catalog at Explore, or see today's palette.