Scarlet Villa color palette — #FDE3D7 · #F52122 · #5B3F11 · #391E12 · #1C0D0C

Built around Scarlet, softened by Cocoa — the whole palette hums with optimism and energy.

The five colors

• Rose Water (#FDE3D7): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#F52122): A luminous, vivid orange — the color of autumn markets.
• Cocoa (#5B3F11): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#391E12): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1C0D0C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Rust Atelier color palette (#F5E2D5, #C95C00, #513C00, #2D1E13, #130B09)
• Misty Pier color palette (#FFF0FC, #F55143, #583100, #240920, #030006)
• Raspberry Summit color palette (#F6DBD8, #EE008E, #68351F, #371F1D, #1A0E11)
• Hushed Garden color palette (#F7DED2, #FF6B53, #8A5943, #633229, #1D0D07)
• Smoked Brick color palette (#F9DDF2, #C21700, #441F0D, #260D22, #110307)
• Iris Summit color palette (#FFE5D6, #EC7600, #6C81FF, #6375CE, #4B2507)
• Softworn Chestnut Alley color palette (#FEECDC, #8E4E00, #3D4B44, #272600, #120600)
• Bronze Studio color palette (#F6EFE0, #8F7500, #194312, #241800, #0F0500)

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