Sapphire Ridge color palette — #DFF6FF · #00C1CE · #146CF7 · #00777F · #000E32
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFF6FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00C1CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#146CF7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Teal (#00777F): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000E32): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Energy, Balance. Tagged duotone, vibrant, 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
- Worn Loft color palette (#DEF8FA, #00C89E, #0077DB, #007B61, #001129)
- Ancient Boulevard color palette (#E3F5FF, #00BDE7, #7B4DF6, #00758F, #0A0E2B)
- Violet Orchard color palette (#E8FBEB, #00DDEB, #7B58FF, #007A82, #050003)
- Soft Station color palette (#E3ECF6, #60ABEC, #A246A3, #0067A9, #0F081F)
- Nightshade Boulevard color palette (#DDF5FA, #21B4F8, #007DE2, #3821D0, #2F006C)
- Misty Lilac color palette (#E8F7E3, #00E0CC, #9F81FF, #00A495, #13092B)
- Feathered Sapphire color palette (#F9E2B2, #00A6DD, #4A60D8, #842C00, #002B4A)
- Muted Cerulean color palette (#EBF7FF, #CFE0F0, #ABBFDD, #0084A6, #223641)
Browse the whole catalog at Explore, or see today's palette.