Sapphire Pier color palette — #FFF0FC · #3D65F5 · #6D6B00 · #00526B · #3A2137

Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#3D65F5): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#6D6B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00526B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#3A2137): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged 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

• Indigo Archive color palette (#FFF0FB, #5C72E0, #745300, #004076, #321662)
• Feathered Violet color palette (#FFE7EE, #8B55AA, #5C6900, #004B67, #381D26)
• Gentle Indigo Lantern color palette (#FFF0F9, #6F5FDA, #007B3F, #37399E, #282649)
• Misty Cobalt Harbor color palette (#DAFFEF, #0081AE, #806200, #005555, #0A3326)
• Byzantium Delta color palette (#FFF1F6, #943EE5, #007867, #00574A, #312344)
• Airy Ultramarine Chapel color palette (#EAD7E7, #2C51D6, #00605C, #004045, #291026)
• Hushed Byzantium color palette (#F0F0FF, #A83DE0, #786C00, #005839, #130E2C)
• Lagoon Workshop color palette (#FFF2EE, #C27781, #379272, #59588D, #4B3833)

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