Tempered Harbor color palette — #F0DDDC · #A86B45 · #685100 · #00252B · #000308

A conversation between Ochre and Coffee, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DDDC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ochre (#A86B45): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#685100): A full-bodied, balanced gold — the color of old brass.
• Midnight (#00252B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Timeworn Bronze color palette (#F2E3D7, #9C7600, #3A4F11, #002336, #010014)
• Wandering Balcony color palette (#FAE3F0, #C55A70, #75361F, #003118, #000201)
• Shadow Basalt color palette (#FBE4F2, #7C5446, #4B2B00, #001F2E, #050018)
• Shadow Bronze color palette (#F5D6CC, #B45900, #523100, #201400, #020100)
• Wandering Denim color palette (#D9E5D9, #905F00, #00559C, #3D2600, #000104)
• Feathered Lagoon color palette (#FDD9EB, #B3756A, #88692F, #104C75, #0E022E)
• Antique Aubergine color palette (#F4E7D2, #6E4E00, #005155, #51005E, #020100)
• Olive Archive color palette (#F5E6D8, #B4AB6E, #5B803E, #234165, #130D37)

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