Scarlet Villa color palette — #FFF2ED · #DD311E · #006652 · #00355D · #080008

Built around Crimson, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Crimson (#DD311E): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#006652): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#080008): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, 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

• Frosted Studio color palette (#FFF3E8, #D87300, #00773C, #003A65, #1E0013)
• Airy Lantern color palette (#FFF3E8, #BF6800, #006C6F, #24218D, #070000)
• Ancient Raspberry color palette (#FFF2EF, #C94E80, #327300, #003941, #080003)
• Pale Tangerine Cabin color palette (#FFF4E2, #E78448, #836700, #004758, #1E0E00)
• Chestnut Boulevard color palette (#F0DAE1, #7D4F00, #3F4700, #002C37, #0A0006)
• Coral Bloom color palette (#FEE0D6, #FF5955, #008EAD, #00728B, #1E071A)
• Worn Hollow color palette (#F2E5FE, #911B67, #004459, #0E166C, #200928)
• Lowlit Corridor color palette (#F6E1C8, #744A00, #00373F, #13003F, #040000)

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