Tempered Harbor color palette — #ECF5E5 · #5FAD94 · #4A5E4F · #343B2E · #21221B

Jade takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF5E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#5FAD94): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4A5E4F): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#343B2E): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#21221B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Bloom color palette (#EAF8F9, #61C4A5, #405963, #1C2F30, #0A1110)
• Antique Workshop color palette (#EEF4EA, #6ECBB1, #71816E, #51574C, #20231C)
• Timeworn Lagoon Dune color palette (#DEECDD, #009A98, #244F3E, #172C17, #0E1405)
• Softworn Parlor color palette (#D3EBE2, #3099D1, #5B4555, #1E332B, #141A15)
• Timeworn Bloom color palette (#E8FBEE, #64C1D4, #D59088, #AC8352, #34483B)
• Softworn Petrol color palette (#E1F2E4, #00818A, #053752, #091B0D, #020601)
• Washed Lagoon color palette (#EDFCD9, #94DCCC, #47ACB6, #3F8697, #355B4E)
• Timeworn Bronze Atelier color palette (#F7F5ED, #CFD5B1, #8FA37E, #8C7E34, #4B5301)

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