Scarlet Harbor color palette — #F7EAF9 · #9D7A00 · #D02100 · #1D0100 · #030100

Brick and Ochre set the tone — five colors that lean into optimism and energy.

The five colors

• Blush (#F7EAF9): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9D7A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Brick (#D02100): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#1D0100): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Energy, Balance. Tagged neon, dark, 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

• Washed Basin color palette (#ECEAFF, #AD7100, #CE0069, #170007, #040000)
• Patina Harbor color palette (#FEDFED, #728B00, #A16000, #0F0C01, #020100)
• Tempered Bronze color palette (#FFE9DD, #AB6600, #510A00, #0F150E, #170100)
• Washed Alley color palette (#EBDFD5, #B95A00, #564000, #572700, #020100)
• Patina Ember Workshop color palette (#D0F6E7, #A79C00, #E25E00, #2E0D00, #0A0206)
• Patina Bronze color palette (#FCEDDC, #916A00, #534500, #262400, #050600)
• Muted Garden color palette (#D6E0FF, #EC1300, #C100A0, #1B0006, #040000)
• Pale Chapel color palette (#E2E5F6, #4AA200, #C3008E, #240207, #06020B)

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