Sunlit Alley color palette — #F4DED9 · #F57100 · #A36700 · #6B4E00 · #383300

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4DED9): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F57100): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#A36700): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6B4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#383300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Sunlit 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 Balcony color palette (#FFF2ED, #FFA263, #BC7300, #634600, #352900)
• Hazy Marigold Cabin color palette (#F4DAC5, #D29300, #8F8000, #4D5B00, #074206)
• Gentle Hollow color palette (#FFE9EE, #FF5B6A, #E32D00, #864500, #442A00)
• Mustard Balcony color palette (#FED7A9, #C4A115, #A46900, #883500, #282C00)
• Muted Mustard Orchard color palette (#FFEEC3, #D9B100, #997700, #594100, #201600)
• Airy Celadon color palette (#DDFEDB, #DFE87B, #6ED59A, #BF6248, #3F3100)
• Hushed Cobalt color palette (#FFE0AF, #E2A229, #007FD5, #8B6000, #002F54)
• Hushed Sand Loft color palette (#FFF0F8, #FFBD88, #B9914F, #7B7446, #34564B)

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