Scarlet Field color palette — #F9D5D8 · #FF666B · #D30814 · #791800 · #4A1600

Built around Crimson, softened by Watermelon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F9D5D8): A whisper-light, dusty red — the color of a theater curtain.
• Watermelon (#FF666B): A luminous, vivid orange — the color of toasted spice.
• Crimson (#D30814): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#791800): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Softworn Brick color palette (#FBD6DE, #FC747E, #C52400, #873200, #5E2F00)
• Hushed Peony color palette (#FFDFEA, #FF4C87, #C4004A, #8A0928, #460006)
• Aged Tangerine Corridor color palette (#F4DCD6, #FF6F31, #B24B00, #763900, #341A00)
• Weathered Ember color palette (#FAE9E7, #E44423, #913000, #5E2500, #220C00)
• Powdered Ember Villa color palette (#F3E5ED, #FF8DAA, #E95036, #994D00, #513600)
• Hazy Veranda color palette (#FFEBF9, #FD5A2F, #935EEA, #A22800, #261345)
• Hushed Mustard color palette (#FFEEE5, #E2D8BA, #E3AD49, #A3533B, #442307)
• Softworn Ember color palette (#FFDDCB, #CE5C00, #757C00, #943B77, #2C0E00)

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