Scarlet Harbor color palette — #FFDCCE · #CD4242 · #643222 · #331204 · #060000

Crimson and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFDCCE): A whisper-light, dusty orange — the color of autumn markets.
• Crimson (#CD4242): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#643222): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#331204): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged noir, dark, luxury, warm.

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

• Tempered Raspberry color palette (#F7D9D7, #CF2786, #632F3C, #331110, #070001)
• Rust Studio color palette (#F8DECD, #AB4800, #4D2700, #18190E, #120300)
• Obsidian Brick color palette (#FAE0F7, #B40028, #2E261B, #200C00, #040000)
• Antique Amber color palette (#F8EADE, #D77300, #7B4E05, #522800, #100400)
• Patina Parlor color palette (#F4E0D6, #E1937F, #996034, #713712, #201511)
• Washed Studio color palette (#F3ECDF, #C49B00, #6D693B, #563D00, #1A0F01)
• Faded Emerald Alley color palette (#E7E6D6, #90B383, #289742, #944E23, #082100)
• Quiet Raspberry color palette (#FFEAD7, #C77600, #5F9600, #D20573, #1E0D00)

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