Tempered Harbor color palette — #F5F2E7 · #7DAE81 · #007567 · #62393E · #1B1E07

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Jade (#7DAE81): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007567): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#62393E): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#1B1E07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Terrace color palette (#F8F7E0, #76A97F, #2B7159, #63403F, #35362F)
• Moss Hollow color palette (#F0E3CC, #7EA254, #006C4B, #542A5F, #0E1A00)
• Softworn Garnet color palette (#E3E5CE, #4D9E8D, #00606E, #5C2231, #081601)
• Washed Cabin color palette (#F7F1E9, #BEB38F, #52834F, #6C4959, #2C2715)
• Aged Lagoon Pier color palette (#E7FAF5, #B0DDB7, #389E7C, #82526A, #002F2D)
• Wandering Cobalt color palette (#F7F1EA, #A2D4C5, #6475C3, #005B5C, #351323)
• Muted Marigold color palette (#FFF1CF, #CA983C, #876400, #412E00, #130C00)
• Aged Garden color palette (#FFEEE2, #E2DA98, #55D0A6, #905460, #2D220B)

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