Sapphire Alley color palette — #F4EEE3 · #89BEAF · #3465B7 · #004D5F · #232856

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

The five colors

• Cream (#F4EEE3): a clean, paper-quiet neutral.
• Mint Leaf (#89BEAF): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#3465B7): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#232856): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Pale Sapphire Loft color palette (#FEF4E5, #6CC1FA, #006BD1, #005462, #202D65)
• Petrol Hollow color palette (#F6EDE0, #7FBEC3, #00748B, #005145, #003248)
• Timeworn Canyon color palette (#F0E8DF, #89BADE, #4C63BC, #004B4A, #1C0935)
• Cerulean Lantern color palette (#FDF4E6, #9ED9E7, #008CB5, #006761, #00446B)
• Dusty Grove color palette (#FDE8EF, #92CBF8, #677EDD, #006C6C, #332549)
• Chalky Periwinkle Coast color palette (#E4F2F1, #B3D8F9, #65A7F8, #0089BA, #152B59)
• Denim Coast color palette (#F9EFDF, #5399B8, #004E7B, #002F33, #001134)
• Hushed Denim Lantern color palette (#FFE7ED, #DEAFCE, #DB818A, #5E4F9E, #472429)

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