Sapphire Alley color palette — #F3DFF1 · #3167CC · #645B00 · #002D8C · #1F1B00
A conversation between Royal Blue and Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F3DFF1): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#3167CC): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#645B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#002D8C): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#1F1B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Wandering Terrace color palette (#CCE6DF, #0070BF, #7C4E00, #003B68, #281600)
- Nightshade Field color palette (#CFE0FA, #3964C6, #00684E, #0014A0, #000B06)
- Washed Grape Cabin color palette (#E1DFF4, #633EC2, #4F4F00, #320077, #111100)
- Weathered Violet Field color palette (#F2DBE5, #8363D1, #3A6700, #360073, #0E2000)
- Washed Ultramarine Drift color palette (#DBE2FC, #3F40CB, #614A00, #294012, #090738)
- Frosted Alley color palette (#F2E6F0, #5480E7, #008967, #0529E2, #002116)
- Powdered Aubergine Lagoon color palette (#E3E1FF, #9479FF, #00882D, #4800A6, #00390E)
- Ultramarine Lantern color palette (#FFF0FB, #8D9BDA, #8C8F45, #4F5DB0, #444612)
Browse the whole catalog at Explore, or see today's palette.