Sapphire Pier color palette — #F9EAF0 · #91B6D5 · #3864B7 · #004F55 · #2A294C

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

The five colors

• Blush (#F9EAF0): bright and airy, almost weightless.
• Ash (#91B6D5): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3864B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#2A294C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Petrol Lagoon color palette (#E7EBE0, #77BBED, #2C6EAB, #00485F, #001436)
• Ancient Petrol color palette (#F5EBF2, #7CBFC0, #00748C, #005335, #00314D)
• Weathered Cobalt Thicket color palette (#E2F3F2, #8BCCFD, #4C8AC8, #006787, #122D54)
• Antique Cerulean color palette (#FEF0FB, #93DCE7, #008BB7, #006952, #1A4269)
• Dusty Iris color palette (#D1F4FD, #8CD2E7, #6E93E7, #006B33, #1A3D48)
• Muted Denim color palette (#FCE9F3, #479BB8, #004D7C, #00302C, #030A3F)
• Antique Pier color palette (#FAF3F5, #DADDEE, #8097D1, #307A86, #4C5265)
• Dusty Turquoise color palette (#A6F5F7, #00ABB8, #005F5E, #003131, #001A1C)

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