Sapphire Pier color palette — #EFF6FF · #8AB1FF · #C69206 · #0F54F3 · #291C00

Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#8AB1FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#C69206): A luminous, balanced gold — the color of old brass.
• Royal Blue (#0F54F3): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#291C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. 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

• Amethyst Thicket color palette (#F1F5FF, #AAA7FF, #B99806, #662FF8, #261D00)
• Sunlit Amber Lagoon color palette (#EDF7FF, #7ACBFF, #B68100, #0073A7, #2A1B00)
• Lapis Station color palette (#F1F5FF, #A0AAFF, #00B85F, #563FFA, #00260F)
• Byzantium Chapel color palette (#F3F4FF, #D2B8FF, #C1B407, #974AEB, #343000)
• Pale Grape Courtyard color palette (#F4F4FF, #DE97FD, #939300, #8619AB, #1A1A00)
• Antique Ultramarine color palette (#FBD8F7, #3D7AFF, #936600, #0030D0, #3E2900)
• Quiet Nightshade color palette (#EDD7E5, #716EFF, #A26000, #4100CF, #231100)
• Cornflower Basin color palette (#F9D9F5, #8FB4FF, #FF6E9D, #457FFF, #590029)

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