Tempered Harbor color palette — #FFF1F6 · #FFBDB6 · #725099 · #33164F · #0B0104

Built around Plum, softened by Deep Indigo — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Rose Quartz (#FFBDB6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Plum (#725099): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#33164F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0B0104): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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 Mulberry color palette (#FFF2F0, #F9C2A6, #8D4A67, #460F2B, #0D0001)
• Jade Lantern color palette (#E2E8FE, #79B16B, #433B7C, #131937, #03040F)
• Coral Bloom color palette (#EDEDFC, #D78072, #542E6E, #1F1C3C, #150B19)
• Washed Ridge color palette (#F7EBF0, #B2D599, #8977D2, #574D7F, #201019)
• Hushed Corridor color palette (#E5FBF5, #A5E0BB, #1867A4, #002949, #000504)
• Hushed Veranda color palette (#FFF1F3, #ECBDF2, #D3588E, #A746B4, #120101)
• Ancient Driftwood color palette (#FDF2F1, #E1DCCF, #A97583, #603B36, #261714)
• Amber Grove color palette (#F0D9DA, #D26E43, #4F003D, #170709, #040002)

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