Sapphire Pier color palette — #D0E0F3 · #00A3AD · #2B67F4 · #8E0099 · #03001A

Royal Blue and Plum set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00A3AD): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2B67F4): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#8E0099): A full-bodied, vivid pink — the color of neon signs at night.
• Ink (#03001A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Feathered Grape Study color palette (#D1E1EF, #00ACA3, #007DC4, #7510D0, #00011F)
• Amethyst Bloom color palette (#EBEEFF, #249CF0, #8930FE, #9E0071, #06000E)
• Ultramarine Garden color palette (#F2E2F0, #0082D4, #0048D2, #42009D, #010010)
• Cornflower Bloom color palette (#DBE3F4, #37AEFD, #4A8BFF, #7867DC, #010016)
• Muted Ultramarine color palette (#EDE2E6, #6E98B6, #2152AC, #003B3F, #080029)
• Aubergine Garden color palette (#D5F5FF, #637CAB, #6A4074, #2B3500, #00180A)
• Faded Study color palette (#DFF1FA, #00B384, #00878E, #3E1DF7, #00070E)
• Aubergine Cabin color palette (#E3EEFF, #4F57C6, #5300A1, #3E004F, #180016)

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