Scarlet Harbor color palette — #F3E0DF · #D30032 · #0067AF · #473C94 · #450C11

A conversation between Crimson and Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F3E0DF): A whisper-light, dusty orange — the color of toasted spice.
• Crimson (#D30032): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cobalt (#0067AF): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#473C94): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#450C11): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Crimson Drift color palette (#FBD7D7, #D2003C, #007087, #284F76, #490411)
• Sunlit Bronze Coast color palette (#FEE8D9, #BD6C22, #005496, #393281, #3A1B00)
• Lapis Hollow color palette (#FFDCCF, #C3002E, #3826E8, #760020, #3C0B0F)
• Ember Atelier color palette (#FFE1D3, #E05F00, #00976F, #6A57CF, #3F1500)
• Tempered Nightshade color palette (#FEDFD0, #B74C00, #007756, #5127C0, #1E0600)
• Airy Raspberry color palette (#FFE6F7, #BF00A3, #00727B, #00597F, #3C0F33)
• Softworn Amethyst Market color palette (#FBDFC4, #AE6600, #744BD2, #794083, #3E2508)
• Ultramarine Balcony color palette (#EADFCB, #846700, #3B4CC8, #5C1898, #291E00)

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