Hazy Corridor color palette — #F3D6DE · #F92F30 · #984300 · #573500 · #362F00

A conversation between Scarlet and Burnt Sienna, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3D6DE): A whisper-light, dusty rose — the color of strawberry cream.
• Scarlet (#F92F30): A luminous, vivid orange — the color of toasted spice.
• Burnt Sienna (#984300): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#573500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#362F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Hazy Rose Canyon color palette (#F7E3F0, #FC437A, #A92000, #612D00, #3E2900)
• Washed Tangerine Chapel color palette (#FFDEDB, #FF7B53, #BB5800, #814500, #442C00)
• Gentle Alley color palette (#FFDDD4, #DE6C00, #7D5600, #454600, #003822)
• Hushed Amber color palette (#FFE3C6, #D68C00, #815000, #452600, #2A1A00)
• Velvet Workshop color palette (#F8E3E2, #963800, #4E3100, #201800, #050800)
• Linen Amber color palette (#FFD9E6, #BB7100, #007C9D, #704200, #003343)
• Muted Pier color palette (#FFD4BC, #AF853D, #904100, #6E1325, #2C2B00)
• Plum Archive color palette (#FFF2EC, #F5D35D, #3FBD6F, #AC2E5A, #4E3600)

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