Sapphire Ridge color palette — #DFEAFC · #486CD7 · #29772E · #214F23 · #040F24
Sapphire and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DFEAFC): A whisper-light, dusty violet — the color of a velvet chair.
- Sapphire (#486CD7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#29772E): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#214F23): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#040F24): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Sapphire Ridge 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 Cobalt Harbor color palette (#E5EFFF, #4E6BBC, #2B7146, #00504A, #18263F)
- Weathered Byzantium Balcony color palette (#E7E6FF, #984BC3, #007751, #005135, #0F0C21)
- Sapphire Alley color palette (#DBEBFF, #3270D6, #805E00, #573F00, #051021)
- Patina Pier color palette (#FFF0F7, #A585FC, #B0802A, #406D35, #230C18)
- Airy Crimson Study color palette (#FEEAFF, #E40051, #007C75, #005550, #1F0A21)
- Grape Market color palette (#DAE2FF, #5700D1, #015311, #003107, #010012)
- Sunlit Mulberry Canyon color palette (#F3EFFF, #93379A, #5E5500, #373100, #000A11)
- Violet Canyon color palette (#C9F3F2, #996DE3, #8F3C47, #00433C, #1A122D)
Browse the whole catalog at Explore, or see today's palette.