Sapphire Alley color palette — #FFF1F5 · #7FBEF5 · #3051FF · #00545F · #332662
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sky (#7FBEF5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#3051FF): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#00545F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Royal Purple (#332662): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
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
- Soft Garden color palette (#FFF0F7, #5AC6F2, #0070C0, #005654, #1F2A6C)
- Sapphire Loft color palette (#EEF6E0, #80C1FF, #0D6EDA, #004D6C, #041445)
- Hazy Cornflower Hollow color palette (#E4FBFA, #9FD0FF, #3D8BF0, #006C96, #142D6C)
- Dusty Periwinkle Courtyard color palette (#FFF4E2, #BBDEFF, #7BA9FF, #0092B5, #272A67)
- Cerulean Archive color palette (#F9F3F7, #C0E3F0, #3F96B5, #217258, #334A61)
- Antique Hollow color palette (#FAEBF5, #55AFAE, #006273, #004125, #002235)
- Cerulean Alley color palette (#E8DAE4, #1C909F, #00425A, #00231A, #00091A)
- Worn Plum color palette (#FFE9EE, #CD0067, #007562, #005A7D, #470320)
Browse the whole catalog at Explore, or see today's palette.