Tempered Harbor color palette — #FFF2ED · #DE5659 · #4E2B0C · #1E0803 · #030101

A conversation between Scarlet and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#DE5659): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#4E2B0C): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1E0803): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030101): quiet, heavy and certain.

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

• Tangerine Corridor color palette (#FFF2EA, #EB7943, #5F3F00, #291B11, #090403)
• Softworn Amber color palette (#FFF3E6, #BD7800, #3A3700, #190C00, #030100)
• Hushed Courtyard color palette (#FFF1F2, #CA55B6, #4E2A21, #1C090B, #030001)
• Aged Coral Cabin color palette (#EEDFEB, #FF5A56, #77556C, #463744, #110B11)
• Eclipse Brick color palette (#FEE9DF, #AD2300, #2A322C, #1D0F00, #030100)
• Muted Marigold color palette (#FBF4EB, #D1A665, #645300, #33291D, #140E0A)
• Apricot Lagoon color palette (#FFF3E9, #ED8841, #00A4D3, #6875CE, #2C1400)
• Ancient Study color palette (#ECDCCF, #5E626A, #773B00, #1A1C13, #080500)

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