Tempered Harbor color palette — #FFE8F4 · #BE5873 · #7E3F3B · #312300 · #020200

A conversation between Fuchsia and Coffee, giving this palette its sense of sophistication.

The five colors

• Blush (#FFE8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Fuchsia (#BE5873): A full-bodied, balanced red — the color of embers at dusk.
• Coffee (#7E3F3B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

Feels like: 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

• Washed Station color palette (#FFE0E0, #B25B3E, #763D00, #252B00, #010500)
• Patina Driftwood color palette (#E2DEF8, #9570AC, #5E365A, #361808, #050100)
• Driftwood Basin color palette (#EBDDEC, #B47085, #87574F, #265427, #001511)
• Pale Scarlet Villa color palette (#FEDBD5, #E32B16, #7E0305, #1A1E12, #170000)
• Dusty Plum Basin color palette (#FFE5F0, #C4006D, #810039, #2C0009, #040000)
• Lowlit Alley color palette (#EED7F0, #72485A, #5D1009, #002108, #000302)
• Washed Basin color palette (#FFEAE3, #C80036, #545A00, #570012, #010100)
• Timeworn Terrace color palette (#FFE6E3, #D99174, #9C6A3D, #3F3F38, #151700)

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