Tempered Harbor color palette — #FFF2EF · #EFB692 · #A35669 · #60323D · #2B1E1B

Brick and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sand (#EFB692): A luminous, balanced gold — the color of old brass.
• Brick (#A35669): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#60323D): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2B1E1B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Ancient Market color palette (#FFF1F4, #F5B1A3, #8D59A0, #503759, #2B1D21)
• Hushed Meadow color palette (#FBF3F0, #EFC9A4, #AA6A59, #753B16, #342822)
• Marigold Chapel color palette (#FFF3E9, #EDAD4F, #9F5000, #5C2C00, #2A1502)
• Feathered Atelier color palette (#FDF3EF, #FAADAA, #DA6C0E, #C7585A, #2F2014)
• Sand Summit color palette (#F9F2FE, #ECD29B, #B68496, #6D5B77, #261E2B)
• Mustard Cabin color palette (#FFF1F1, #B0B561, #723C5E, #452224, #251812)
• Softworn Pewter color palette (#FFF1F2, #C8F3CB, #956487, #4E2B44, #1B0A0B)
• Tempered Bronze color palette (#FFF3E3, #E1A176, #AA7D32, #3C7145, #423C37)

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