Tempered Coral Harbor color palette — #F4F4FF · #FA715A · #632287 · #331843 · #19182B

Watermelon and Plum set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Watermelon (#FA715A): A luminous, vivid orange — the color of toasted spice.
• Plum (#632287): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#331843): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#19182B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Tempered Coral 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

• Hushed Amber Pier color palette (#F2EAFF, #DA8157, #632A57, #271A39, #170D15)
• Pale Atelier color palette (#F0F6FF, #F76C93, #27418F, #14234D, #161128)
• Antique Parlor color palette (#EFF1FF, #C9A147, #563887, #271146, #05041C)
• Grape Ridge color palette (#FFF1F7, #E3B341, #7551B3, #412E63, #2A111D)
• Dusty Stone color palette (#FCF1FA, #E5B68A, #804F4A, #443241, #2C2123)
• Rust Delta color palette (#EEE4FA, #C35500, #490033, #301B14, #18000F)
• Muted Amber color palette (#F7D9F7, #D37800, #72001F, #39000B, #1B051C)
• Fuchsia Meadow color palette (#F5F3FF, #E066F1, #B60064, #80268D, #24172A)

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