Sapphire Alley color palette — #E4F2F1 · #87B7DF · #0068BF · #004C67 · #182D52

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

The five colors

• Cream (#E4F2F1): a clean, paper-quiet neutral.
• Sky (#87B7DF): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0068BF): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#182D52): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Sapphire Alley 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

• Patina Sapphire color palette (#F6E3E9, #84BAE4, #4266BA, #004A52, #151030)
• Petrol Dune color palette (#E3F2EF, #77BFC5, #007585, #00504C, #003440)
• Muted Cobalt Coast color palette (#F7EDE2, #9BCAF0, #6284CD, #006A75, #2C2653)
• Cerulean Cabin color palette (#ECF8F6, #9DDAE7, #008DAD, #006669, #00465E)
• Worn Harbor color palette (#D7E7E6, #3C9BC1, #004F73, #002E38, #001528)
• Worn Thicket color palette (#F6EBEF, #ADD9FD, #8BA0EA, #009091, #34244D)
• Faded Pier color palette (#FFE4FC, #FFB39A, #D8844D, #88404B, #472D41)
• Quiet Grove color palette (#F7DFF3, #C6161F, #725C00, #6F287E, #2E152A)

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