Tempered Harbor color palette — #FDF2F6 · #C8B9FA · #C37484 · #8572BC · #311F1B

Built around Slate Blue, softened by Dusty Rose — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Lavender (#C8B9FA): A whisper-light, balanced violet — the color of a velvet chair.
• Dusty Rose (#C37484): A luminous, balanced red — the color of a theater curtain.
• Slate Blue (#8572BC): A luminous, balanced violet — the color of wild irises.
• Onyx (#311F1B): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Peony Archive color palette (#FEF2F3, #E7ADE6, #C47A4E, #A962A9, #302014)
• Cobalt Delta color palette (#ECF8F5, #9CC9F4, #9D80BC, #4585BD, #311D25)
• Washed Canyon color palette (#F3F5FC, #EBD3EB, #DC78A9, #9176D5, #170E1D)
• Aged Mallow color palette (#FFF4E2, #CD9ED3, #B07181, #4F6E38, #523336)
• Quiet Coral Grove color palette (#F1F5FD, #C7D3FF, #FF8576, #869BF2, #2D1F2A)
• Antique Garnet color palette (#F9F2FF, #E7AFE1, #C07FA2, #984659, #700C17)
• Antique Studio color palette (#FBF2F4, #E1D8D4, #CBBDB4, #A37FB2, #4E4547)
• Muted Lilac Harbor color palette (#FFF1F6, #A388D3, #9E7831, #1A7149, #19312A)

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