Pale Sapphire color palette — #FFDADD · #366EFF · #512FB8 · #6A0038 · #1A2258

Sapphire takes the lead with Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Shell Pink (#FFDADD): A whisper-light, dusty red — the color of late-summer berries.
• Sapphire (#366EFF): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#512FB8): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#6A0038): A deep, shadowed, balanced rose — the color of strawberry cream.
• Deep Indigo (#1A2258): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Energy. Tagged retro, vibrant.

Use it as a design system

One click turns Pale Sapphire 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

• Frosted Sapphire color palette (#F9DEF7, #0461EC, #700099, #62002B, #002933)
• Gentle Garden color palette (#FFDBD5, #7F61E4, #712896, #6F0011, #301A52)
• Nightshade Market color palette (#B9F4D7, #0084CA, #1D43B7, #630054, #00294F)
• Muted Amethyst Coast color palette (#FFF0FD, #66B8FF, #598FFF, #7031F8, #1D2267)
• Quiet Amethyst Alley color palette (#E6E9B9, #00A7D9, #6D48E9, #505100, #002A4F)
• Aubergine Drift color palette (#F4DDDB, #4E25A9, #370050, #230002, #050013)
• Smoked Ultramarine Grove color palette (#DEE7FF, #2F1DF8, #1B1741, #1B0217, #060002)
• Hushed Grape Corridor color palette (#EDEAD8, #008CB1, #4C1ECC, #333400, #001325)

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