Tempered Harbor color palette — #F6E6F9 · #D10056 · #4C2817 · #1F0F21 · #050309

Magenta Rose and Espresso set the tone — five colors that lean into optimism and energy.

The five colors

• Blush (#F6E6F9): A whisper-light, dusty pink — the color of a candy shop window.
• Magenta Rose (#D10056): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#4C2817): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1F0F21): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#050309): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Crimson Station color palette (#F8E7F7, #E1334A, #563344, #2A1C2A, #100B13)
• Midnight Plum color palette (#FFDDD4, #BD4862, #411409, #1D1607, #0E0002)
• Raspberry Harbor color palette (#EDE8F6, #C000A4, #502329, #191125, #04040C)
• Rose Terrace color palette (#FFE9E4, #E34E77, #71492D, #49231C, #0C0203)
• Brick Coast color palette (#EBDEE7, #B41200, #614400, #361D00, #130310)
• Aged Bronze color palette (#F4E1E9, #AA5900, #3E3100, #240D19, #080207)
• Hushed Ember color palette (#F4DDEB, #E65F1F, #3D543F, #362931, #1B161C)
• Gentle Grove color palette (#FFEAE1, #D45E00, #0088A8, #0070A7, #361402)

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