Scarlet Drift color palette — #FDDBD9 · #FA5B50 · #D42C00 · #892D00 · #642F0E

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

The five colors

• Shell Pink (#FDDBD9): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#FA5B50): A luminous, vivid orange — the color of toasted spice.
• Crimson (#D42C00): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#892D00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#642F0E): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Scarlet Drift 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 Harbor color palette (#F9E4E9, #F56287, #D40041, #98001A, #66231A)
• Tempered Ember color palette (#FFD0DE, #FF848B, #E94420, #954700, #5B3A00)
• Misty Bronze Garden color palette (#FCEBE4, #CF7841, #AB5800, #744200, #563707)
• Coral Drift color palette (#FFD3E8, #FFAAB3, #FF6752, #BA6400, #503A00)
• Ember Grove color palette (#FFF0F9, #F15E0A, #299809, #9A3800, #1C4514)
• Bronze Alley color palette (#FFE3D1, #A85E00, #714200, #3F2700, #1A1B00)
• Plum Terrace color palette (#FFE2EF, #C16200, #687D00, #AB0073, #48270F)
• Rust Boulevard color palette (#FFF0F7, #FFD7B0, #D8AD4A, #A94D2B, #593744)

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