Gentle Sapphire color palette — #FFF0F7 · #7AC3E3 · #286CC5 · #00574C · #302170
Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Sky (#7AC3E3): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#286CC5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Royal Purple (#302170): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle Sapphire 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
- Muted Drift color palette (#FFF0FD, #6DC8CF, #00789F, #005A2E, #042F6B)
- Ancient Cobalt Summit color palette (#FBF0DF, #90C3DD, #0077BC, #005058, #001642)
- Muted Denim Bloom color palette (#F8E4EC, #6CA7C8, #2D539F, #003E3A, #220E4C)
- Azure Terrace color palette (#EBFAEE, #93D5F5, #0093E6, #00717A, #002D73)
- Dusty Cypress Archive color palette (#FBF2F5, #C5E0F9, #7A87B9, #067072, #424467)
- Periwinkle Balcony color palette (#FFF2EA, #ABE3FF, #76ABFF, #00998B, #322860)
- Aged Coast color palette (#F4E4F4, #549DA0, #00516B, #003215, #001331)
- Misty Raspberry color palette (#FAE6EF, #C60087, #007373, #0E546C, #42092C)
Browse the whole catalog at Explore, or see today's palette.