Crimson Harbor color palette — #D8E6FF · #D5B6FF · #E375D2 · #D03653 · #542300

A conversation between Crimson and Bubblegum, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#D8E6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D5B6FF): A whisper-light, balanced violet — the color of wild irises.
• Bubblegum (#E375D2): A luminous, vivid pink — the color of neon signs at night.
• Crimson (#D03653): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#542300): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Blush Garden color palette (#DFE0FF, #E4AEEB, #DF7AA1, #B95942, #442800)
• Worn Peony color palette (#F7F2FF, #F1B7FF, #D955B5, #A60055, #49000C)
• Raspberry Lantern color palette (#C7EAFF, #B0C5FF, #BC84F0, #BB41A0, #68001F)
• Hushed Rust color palette (#F4E5F5, #D85C98, #C7290B, #693900, #100D00)
• Tangerine Thicket color palette (#F3DAF1, #FF8EAA, #F26600, #8D5D00, #2D2E00)
• Airy Blush Balcony color palette (#EEFCD2, #ABBDFF, #DF73AD, #008D81, #3C2B56)
• Plum Corridor color palette (#D3DFFF, #B98BFF, #B313A2, #75002B, #301200)
• Misty Harbor color palette (#FFE8E9, #F651DD, #885957, #56383B, #1A0D13)

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