Sapphire Pier color palette — #FEEFE2 · #65C7FF · #3F6AD3 · #00524E · #1D0C3E

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#FEEFE2): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#65C7FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3F6AD3): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1D0C3E): 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

• Worn Aqua color palette (#FFEEE6, #12D3E6, #007BAC, #005534, #01114C)
• Muted Garden color palette (#F9F0E9, #9FCFE7, #587DB3, #005C52, #311527)
• Faded Chapel color palette (#F2F8E4, #85C0E4, #0073B5, #005368, #003363)
• Muted Nightshade color palette (#F4E6D8, #5CA4D5, #364EAB, #003938, #100126)
• Patina Cornflower Dune color palette (#FFF1F7, #8FD5FD, #498CE8, #007275, #29276B)
• Timeworn Cerulean color palette (#F9EFED, #ABEAE6, #4C99B0, #476846, #03342B)
• Tempered Harbor color palette (#F6E2DA, #339AA2, #00506D, #002E16, #000313)
• Patina Grape color palette (#E7F0D2, #88A223, #7E0BDF, #455400, #1E003E)

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