Hazy Villa color palette — #F4D8EA · #F68DC1 · #F5548B · #B54D56 · #5A2B22

Hot Pink and Bubblegum set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F4D8EA): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#F68DC1): A luminous, balanced rose — the color of strawberry cream.
• Hot Pink (#F5548B): A luminous, vivid red — the color of late-summer berries.
• Brick (#B54D56): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#5A2B22): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Hazy 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

• Timeworn Raspberry Boulevard color palette (#E7D9EA, #E585C7, #DB3264, #9B2E2D, #522F11)
• Ancient Peony color palette (#FBF1FF, #FF9ED7, #DF5E82, #8F4139, #3F2002)
• Hazy Fuchsia color palette (#ECE1F8, #E09EEE, #E966D1, #B15789, #522434)
• Soft Plum Lagoon color palette (#F6D7E4, #CC688F, #AB3C5F, #741D2F, #39070D)
• Linen Tangerine Balcony color palette (#FFE7EA, #FF9695, #FB672E, #B1541A, #563309)
• Washed Ridge color palette (#FFE9E3, #FF9FAB, #27D6CB, #D7526B, #003F3B)
• Soft Crimson Lantern color palette (#EFD7E2, #F0558D, #DB004D, #9E050B, #3D0F00)
• Worn Coral color palette (#FFF2ED, #FFBCB5, #FD706F, #B74F46, #3F0502)

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