Sunlit Workshop color palette — #F5E5EA · #7BA6D0 · #384FE2 · #004853 · #160736

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F5E5EA): bright and airy, almost weightless.
• Blue Fog (#7BA6D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#384FE2): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#160736): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Muted Pier color palette (#F8E7F2, #4EB0CC, #006CA4, #004B43, #020F38)
• Softworn Ultramarine color palette (#F4EDE2, #8ABCEC, #3C63B4, #003B4C, #020013)
• Wandering Indigo Coast color palette (#F8EBDD, #7EB6E9, #6A74E7, #006C71, #1E0234)
• Patina Coast color palette (#E5EBDB, #5894CE, #004598, #002C42, #040E38)
• Gentle Ridge color palette (#E5F1FF, #A7ACEC, #D461CC, #00697F, #0F163A)
• Soft Cobalt color palette (#E6F1FC, #007CC8, #816000, #004877, #160E00)
• Airy Navy Pier color palette (#C0E7EE, #0082AA, #005B90, #002789, #16004C)
• Feathered Pier color palette (#D3E0F2, #005FD0, #7D5000, #444A07, #00061A)

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