Tempered Harbor color palette — #F6EBE1 · #AB6A33 · #00635D · #4F0D62 · #2A0600

A conversation between Royal Purple and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#F6EBE1): bright and airy, almost weightless.
• Ochre (#AB6A33): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#4F0D62): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#2A0600): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Garnet Field color palette (#F4ECDF, #9A7600, #006071, #60003F, #1B1200)
• Hushed Aubergine color palette (#F4F3E2, #809852, #4761A3, #602069, #3B0A08)
• Tempered Pier color palette (#F5ECDF, #9A7612, #605600, #003852, #2D000B)
• Amber Boulevard color palette (#E9F6E8, #C3882F, #008283, #6C3579, #4B1625)
• Gentle Lantern color palette (#DBE5CE, #00865F, #00575D, #510040, #0D1000)
• Worn Olive Quarry color palette (#F3E0D0, #B1A07D, #7A813B, #5C3865, #411424)
• Twilit Onyx color palette (#EDE3D2, #6E5400, #00403B, #2E0035, #050300)
• Airy Mulberry Villa color palette (#E9FBEC, #C99F41, #4F873A, #850851, #320F00)

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