Sapphire Pier color palette — #FFECF5 · #4BCBFA · #006FD7 · #005347 · #18074B

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

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#4BCBFA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006FD7): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#005347): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#18074B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Market color palette (#F1E5ED, #60C3D8, #0C72A9, #004D36, #0B1332)
• Petrol Loft color palette (#E8F9F8, #6FC4EA, #0076AA, #005363, #00355A)
• Quiet Cerulean color palette (#F8EEF7, #73E4EB, #008FBB, #0C6635, #0E2545)
• Linen Cornflower color palette (#FFF3EA, #81D7FE, #3B90E0, #007270, #212A6B)
• Denim Orchard color palette (#F3E2E9, #67A5C7, #2D54A0, #003A35, #0D002A)
• Worn Canyon color palette (#F8EFF2, #D8D0E4, #879CC8, #45737E, #313549)
• Lagoon Summit color palette (#F1E1F1, #209C9F, #005169, #002E10, #000410)
• Gentle Plum Terrace color palette (#C8E5E7, #009E75, #CD006D, #005A42, #300014)

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