Sunlit Workshop color palette — #EAF7FF · #8AC1FF · #687BE7 · #625193 · #352447

A conversation between Periwinkle and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#8AC1FF): A luminous, balanced blue — the color of deep harbor water.
• Periwinkle (#687BE7): A luminous, vivid violet — the color of wild irises.
• Slate (#625193): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#352447): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit Workshop 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

• Gentle Lilac color palette (#F1F5FF, #B9AFFF, #A57CE0, #7B457D, #4A2640)
• Timeworn Lantern color palette (#DCFCFF, #55D5FF, #0097D5, #345F9A, #2B3055)
• Iris Lagoon color palette (#CDE6EE, #70BEFF, #8595FA, #7D64B6, #4F2853)
• Faded Cobalt color palette (#FFF0FB, #ABBAFF, #AFAB46, #606EC0, #2B2900)
• Frosted Lilac color palette (#F5F3FF, #D5D0FF, #997FD9, #4C3F80, #10022C)
• Nightshade Boulevard color palette (#D9E4EF, #6C97D9, #4E66CE, #422FA3, #463563)
• Washed Grove color palette (#D0E2E9, #4F94D2, #3B5ABC, #491791, #2D0B37)
• Tempered Thicket color palette (#E3F1FE, #6C96FF, #6146E0, #471B7E, #130016)

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