Sapphire Alley color palette — #D4E5FC · #0D75F3 · #008553 · #00653E · #000413
Sapphire and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D4E5FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#0D75F3): A full-bodied, vivid blue — the color of open sky before noon.
- Fern (#008553): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00653E): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000413): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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
- Feathered Cornflower color palette (#F4DFF3, #2375EE, #008275, #004DB3, #000413)
- Hushed Indigo Station color palette (#FADEF3, #5564FF, #7C7200, #5E5600, #02001E)
- Indigo Workshop color palette (#F4DDED, #5E6BFF, #835C00, #004A63, #00090F)
- Muted Boulevard color palette (#D3F1E8, #0081CD, #9A6200, #764A00, #00050D)
- Wandering Olive Alley color palette (#E1F6D9, #008F80, #787400, #006353, #000605)
- Hushed Plum Courtyard color palette (#EFF3DE, #8B6CF4, #BD0A55, #005354, #17001E)
- Wandering Rose color palette (#FFE0D8, #EE3870, #009095, #007174, #210008)
- Grape Orchard color palette (#DFE4FF, #7035C6, #664F00, #00420C, #070017)
Browse the whole catalog at Explore, or see today's palette.