Hazy Veranda color palette — #F0D7DE · #FF7F87 · #FC3E0E · #B35100 · #462B00

A conversation between Scarlet and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F0D7DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#FF7F87): A luminous, balanced red — the color of embers at dusk.
• Scarlet (#FC3E0E): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#B35100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#462B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Hazy Veranda 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 Pier color palette (#FBE8E8, #FF8674, #E66800, #975C00, #3F3200)
• Rose Courtyard color palette (#FDE3F3, #FF79AA, #FF3868, #C73100, #512200)
• Feathered Scarlet Station color palette (#FFEAEA, #FF756D, #DE3700, #8B3000, #4D1E00)
• Pale Rose Grove color palette (#FFE6E9, #F92D53, #A42200, #662700, #2B1400)
• Wandering Cabin color palette (#FFE2CF, #FFAF7F, #EA7C00, #A65000, #2D0F00)
• Worn Workshop color palette (#EEDCD7, #F58B32, #AD7C00, #806B00, #2D3300)
• Sunlit Rust color palette (#FFDEDF, #CE4200, #8B4500, #553500, #0D0900)
• Scarlet Atelier color palette (#FFDCCC, #FFB3A4, #35B2FC, #D71B00, #00314C)

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