Sunlit Alley color palette — #F3D8F4 · #DA8DBB · #CC527D · #AF1F40 · #5E220F

A conversation between Ruby and Fuchsia, giving this palette its sense of creativity and warmth.

The five colors

• Thistle (#F3D8F4): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#DA8DBB): A luminous, balanced pink — the color of peonies in June.
• Fuchsia (#CC527D): A luminous, balanced red — the color of embers at dusk.
• Ruby (#AF1F40): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#5E220F): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, 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

• Soft Peony Workshop color palette (#FFF0FE, #FF92CE, #D75C87, #8F3941, #4E200F)
• Plum Drift color palette (#EED8E8, #D2609B, #BC003F, #7B0307, #321000)
• Mulberry Coast color palette (#EFEDFF, #BF97E1, #B25EB0, #95276C, #5D2635)
• Rust Boulevard color palette (#F3E9FF, #EB9DAC, #D7706C, #B24928, #694020)
• Garnet Coast color palette (#FFF1F1, #F7A59F, #C15A62, #950018, #490009)
• Plum Orchard color palette (#F6E9FB, #E08AA6, #00A8B9, #BC376E, #003D44)
• Patina Bloom color palette (#F9DDE5, #C53F5C, #9E1400, #572300, #190D00)
• Hazy Ember Ridge color palette (#FBD7DA, #EA948B, #CD6100, #875300, #503D00)

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