Sapphire Pier color palette — #FAE5F7 · #2E67FE · #B90908 · #005833 · #041137

Built around Royal Blue, softened by Ruby — the whole palette hums with nature and growth.

The five colors

• Blush (#FAE5F7): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#2E67FE): A full-bodied, vivid violet — the color of wild irises.
• Ruby (#B90908): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#005833): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#041137): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Chalky Plum color palette (#FDEFFF, #007DD8, #B4004A, #235000, #001A34)
• Soft Delta color palette (#FDE4FD, #0372EB, #954A00, #004F53, #001638)
• Frosted Violet Harbor color palette (#FFF0F9, #7E74FF, #9E5800, #005E68, #33172A)
• Azure Courtyard color palette (#C7F3E5, #0095DF, #9A5500, #00544C, #002B27)
• Indigo Parlor color palette (#F9DEEC, #7661D7, #825A00, #00445B, #220919)
• Dusty Orchid Ridge color palette (#F2F5FF, #9F4BFB, #A43C00, #554100, #000405)
• Pale Ultramarine color palette (#E4EEFF, #3110F5, #663100, #202F00, #00181E)
• Weathered Raspberry Pier color palette (#C4F2D1, #4A98FF, #B800AA, #005D30, #261F52)

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