Sapphire Pier color palette — #EFF6FF · #3662DA · #9E0608 · #004532 · #112037

Royal Blue takes the lead with Garnet close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#3662DA): A full-bodied, vivid violet — the color of a velvet chair.
• Garnet (#9E0608): A full-bodied, vivid orange — the color of toasted spice.
• Forest (#004532): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#112037): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Calm, Energy, Balance. Tagged jewel, vibrant, 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

• Powdered Indigo Ridge color palette (#F2F5FF, #6957B9, #7E3100, #00413E, #1A1F34)
• Patina Mulberry color palette (#EDF7FF, #0071A4, #8D0057, #294300, #002438)
• Hazy Ultramarine color palette (#DFEAFD, #2B52C4, #632100, #00312C, #040F24)
• Quiet Lapis color palette (#FFEBF8, #514BFF, #7F4000, #274800, #001107)
• Tempered Indigo Hollow color palette (#F0F6FF, #3F6DFF, #705500, #004C34, #003232)
• Timeworn Iris Cabin color palette (#F0F5FF, #7D88FF, #965000, #3F6400, #022534)
• Tempered Drift color palette (#EEF6FF, #0072BF, #7D00A7, #423500, #00213E)
• Wandering Cabin color palette (#D6FEFF, #3E8DE9, #9E0698, #005337, #313055)

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