Tempered Harbor color palette — #F8D8CD · #947637 · #2D5529 · #55001D · #310B00

Built around Espresso, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8D8CD): A whisper-light, dusty orange — the color of toasted spice.
• Walnut (#947637): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#2D5529): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#55001D): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#310B00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, 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

• Patina Chapel color palette (#FCE2E2, #9F6A5A, #4E4D00, #490055, #3D080F)
• Softworn Onyx Workshop color palette (#FAE1C7, #738246, #005958, #4F1B00, #2C1600)
• Wandering Spruce color palette (#FFE3EC, #736E23, #114400, #331C00, #121000)
• Muted Onyx color palette (#E2E6D7, #3F7F47, #004F44, #301054, #1E0107)
• Sunlit Emerald Garden color palette (#E4EDCD, #5D9A5F, #00766A, #41345D, #320F2C)
• Worn Ridge color palette (#F8E7E0, #866178, #703D20, #21176E, #3A0031)
• Airy Mulberry Ridge color palette (#F4E5CE, #B8965E, #507343, #8B1253, #5B2A00)
• Aged Petrol Boulevard color palette (#E8F3E1, #75956D, #00677B, #532C00, #193200)

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