Pale Sapphire color palette — #FFDADE · #3070FE · #4F2FB9 · #6A003A · #1C254F

Sapphire and Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Shell Pink (#FFDADE): A whisper-light, dusty red — the color of a theater curtain.
• Sapphire (#3070FE): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#4F2FB9): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#6A003A): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Midnight (#1C254F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Indigo Summit color palette (#FFDAD9, #745AFF, #7200B1, #6E001C, #2C1C53)
• Linen Sapphire Boulevard color palette (#DBE9FF, #2954FF, #750090, #630024, #002935)
• Timeworn Grape Lagoon color palette (#F9EED5, #0081E2, #5928B7, #4B2700, #020A3A)
• Feathered Ultramarine Delta color palette (#B2F7D4, #0084CB, #1337CF, #630054, #02294E)
• Amethyst Veranda color palette (#F9E2B1, #349BFD, #7353CE, #723E00, #10225C)
• Powdered Amethyst Studio color palette (#F0F5FF, #81C3FF, #5D84FF, #7241E0, #151E5A)
• Frosted Lagoon color palette (#FFF0FB, #A464F3, #8A3793, #7D1E03, #333152)
• Lapis Archive color palette (#E6EAF7, #3C18F5, #1E1445, #040C21, #020109)

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