Tempered Harbor color palette — #FEF1F4 · #CCA1DF · #C6527C · #9D3EC0 · #2B0E0B

Built around Orchid, softened by Fuchsia — the whole palette hums with creativity and energy.

The five colors

• Ivory (#FEF1F4): a clean, paper-quiet neutral.
• Mauve (#CCA1DF): A luminous, balanced pink — the color of neon signs at night.
• Fuchsia (#C6527C): A full-bodied, balanced red — the color of embers at dusk.
• Orchid (#9D3EC0): A full-bodied, vivid pink — the color of neon signs at night.
• Ink (#2B0E0B): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Energy, Balance. Tagged duotone, 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

• Airy Amethyst Bloom color palette (#FDF1F7, #B7A9EA, #AA62A2, #7C50D6, #2A0E13)
• Timeworn Plum Loft color palette (#FEF2F1, #E09CC3, #C05E5E, #B5398A, #27120A)
• Soft Peony color palette (#F4F4FF, #E4BEFF, #C462A2, #915AB4, #08030F)
• Gentle Scarlet Quarry color palette (#FFEDEB, #F87BAD, #DE0F06, #BD006C, #2A0100)
• Orchid Atelier color palette (#FBF3F4, #E0D7D3, #D1BAAD, #A862AA, #483538)
• Frosted Boulevard color palette (#FFD6F2, #DC9CBA, #BE6281, #A70041, #610015)
• Washed Mulberry color palette (#FDE8EB, #B878B6, #B40040, #880089, #0D0001)
• Hushed Rust Cabin color palette (#FFEAD9, #D387A5, #AD5B61, #6B5100, #49251F)

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