Misty Harbor color palette — #FFF2EE · #FF8A96 · #00B0AE · #C60043 · #002424

Built around Ruby, softened by Rose — the whole palette hums with energy and balance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose (#FF8A96): A luminous, balanced red — the color of embers at dusk.
• Turquoise (#00B0AE): A luminous, balanced teal — the color of sea glass.
• Ruby (#C60043): A full-bodied, vivid red — the color of late-summer berries.
• Onyx (#002424): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty 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

• Misty Rose Courtyard color palette (#F7DAF8, #FF8E9A, #00BFBE, #F61B5A, #003635)
• Timeworn Apricot Field color palette (#FFF2EA, #FF9152, #00AAD2, #A94C00, #00232D)
• Dusty Scarlet color palette (#FFF2EC, #FFB0A2, #60B8FF, #E61800, #003152)
• Powdered Studio color palette (#FFF0FD, #FA77F1, #00B395, #AF00A9, #00251D)
• Antique Rose Ridge color palette (#FFE9E3, #F41658, #008287, #90002F, #001A1C)
• Ember Grove color palette (#FFF2EE, #FD5E30, #009F92, #008579, #280500)
• Wandering Sky Alley color palette (#FEF4E5, #DFB972, #16B3F5, #986E00, #002C40)
• Antique Coral Cabin color palette (#FFF2EC, #F0D6C1, #87DCE2, #E17668, #105054)

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