Tempered Harbor color palette — #FFF2EE · #ADC67B · #A8424C · #691824 · #2B130C

Built around Brick, softened by Oxblood — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Pistachio (#ADC67B): A luminous, balanced green — the color of new leaves after rain.
• Brick (#A8424C): A full-bodied, balanced red — the color of a theater curtain.
• Oxblood (#691824): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#2B130C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged luxury, dark, 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

• Wandering Bronze color palette (#FFF3E8, #C8BD6D, #9E5100, #5B2C00, #2B1400)
• Wandering Plum Courtyard color palette (#FFF1F1, #89CE96, #A03F80, #69024F, #291314)
• Washed Terracotta color palette (#EADAD3, #A2AD54, #8F3227, #530201, #190500)
• Misty Chartreuse color palette (#FEF0FF, #CDE756, #B33751, #531421, #0F0211)
• Softworn Honey Summit color palette (#FFF2EC, #FFC531, #D76759, #89453B, #2A1409)
• Pale Garnet color palette (#FFF0FC, #C49B3B, #8B0504, #480F0A, #251422)
• Tempered Moss color palette (#FAE5D3, #A49422, #6A3500, #2C1300, #050200)
• Amber Studio color palette (#FCF3EC, #D8DBD0, #B4C6B0, #C66B00, #5E3400)

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