Gentle Sapphire color palette — #F1E7DC · #94BDB2 · #555FC0 · #004B4E · #21013A
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Parchment (#F1E7DC): a clean, paper-quiet neutral.
- Ash (#94BDB2): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#555FC0): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#21013A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: 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
- Patina Petrol color palette (#F0E7E3, #97BFA1, #0074A2, #004E30, #02103D)
- Hazy Sapphire color palette (#F3EEE6, #89B6E2, #2E60CB, #004D61, #26294F)
- Denim Market color palette (#F2E3DD, #61A9B7, #005E8D, #003B28, #020033)
- Tempered Cobalt color palette (#F9F0EB, #B2DBC2, #3089CA, #00654B, #161C56)
- Wandering Villa color palette (#FAEAEE, #9CCAF3, #6A79EC, #006B6F, #36224E)
- Patina Grape color palette (#E1E0C9, #789D30, #852D9D, #384F00, #21002A)
- Abyss Lantern color palette (#EADBD6, #47838C, #00405E, #002112, #00000C)
- Hushed Cypress color palette (#F7F0EE, #CAE4DC, #67A7BC, #4D774F, #422D46)
Browse the whole catalog at Explore, or see today's palette.