Midnight Scarlet color palette — #F6D8CB · #D31122 · #55200D · #260E05 · #0B0201

A conversation between Crimson and Espresso, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F6D8CB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Crimson (#D31122): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#55200D): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#260E05): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0B0201): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Hushed Pier color palette (#FFE7DA, #D54D22, #5D341B, #301C11, #130B08)
• Softworn Plum Ridge color palette (#F4E2E0, #BF2E7A, #50222C, #290B0A, #0A0303)
• Nocturne Terracotta Courtyard color palette (#FFDED2, #A1001F, #313B32, #2B1300, #150401)
• Linen Pier color palette (#F6E1F3, #F23E45, #724831, #3B2939, #08020A)
• Bronze Alley color palette (#F3E5D4, #9A6500, #413000, #221200, #090300)
• Washed Emerald color palette (#F3E6D7, #B67700, #349200, #B72857, #2E1B00)
• Tangerine Workshop color palette (#EADBD5, #F37830, #AD5400, #794200, #472800)
• Softworn Field color palette (#F7F1E6, #B39947, #6C5500, #3B3731, #25211B)

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