Gentle Sapphire color palette — #F7DAF1 · #4462FF · #9C4500 · #3E4A00 · #000203
Built around Sapphire, softened by Burnt Sienna — the whole palette hums with nature and growth.
The five colors
- Thistle (#F7DAF1): A whisper-light, dusty pink — the color of peonies in June.
- Sapphire (#4462FF): A full-bodied, vivid violet — the color of a velvet chair.
- Burnt Sienna (#9C4500): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#3E4A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000203): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Airy Terracotta Balcony color palette (#F2D9F4, #1F87D0, #941D00, #494700, #000202)
- Powdered Violet color palette (#FEE9F2, #934DFF, #B72100, #314D00, #00090F)
- Airy Byzantium color palette (#FFE9F1, #9933FE, #885C00, #005030, #000204)
- Moonless Ultramarine Hollow color palette (#FAE0F6, #2500F1, #533C00, #2E2000, #000201)
- Hushed Brick Chapel color palette (#CAE8DB, #0080AF, #BF003C, #534300, #000201)
- Misty Violet Harbor color palette (#FDEECF, #8A68FF, #A520A2, #534800, #120222)
- Pale Olive color palette (#FFEFFA, #A3A9FF, #B56900, #437F00, #001B23)
- Grape Alley color palette (#EAECFF, #7420AA, #670034, #1D1A00, #000102)
Browse the whole catalog at Explore, or see today's palette.