Hazy Alley color palette — #FFF5DA · #FD6F5C · #856600 · #013D7E · #220B00

Built around Watermelon, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Watermelon (#FD6F5C): A luminous, vivid orange — the color of toasted spice.
• Ochre (#856600): A full-bodied, balanced gold — the color of old brass.
• Navy (#013D7E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#220B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Softworn Amber color palette (#FFF3E4, #E48A00, #5C7600, #353578, #1B1000)
• Gentle Apricot color palette (#FFF4E1, #FF976C, #8E7F00, #38507C, #2F1D08)
• Hazy Grove color palette (#FCF8C7, #FF5FA2, #A15200, #00465A, #290306)
• Feathered Thicket color palette (#FFEBCE, #D06A00, #565900, #1A2162, #070300)
• Sunlit Ember color palette (#FFF2EA, #EE5D03, #007466, #003A67, #11002C)
• Hazy Blush Drift color palette (#ECDCC0, #FA7E8F, #A68316, #3064B2, #411301)
• Aged Terrace color palette (#D3ECD8, #BB4E6A, #634700, #05177D, #210300)
• Bronze Meadow color palette (#CAE7D0, #AF5E39, #634800, #003A44, #391B00)

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