Sapphire Basin color palette — #C1E6F6 · #099CF0 · #3B64FF · #532FBC · #2C0C4C
Sapphire and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Powder Blue (#C1E6F6): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#099CF0): A luminous, vivid blue — the color of a favorite pair of jeans.
- Sapphire (#3B64FF): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#532FBC): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#2C0C4C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Sapphire Basin 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 Corridor color palette (#DEF1F4, #00A6DB, #0080E3, #3949C0, #200B4A)
- Quiet Ultramarine color palette (#CEE3FD, #4283FF, #2539FA, #302CA4, #1A144B)
- Chalky Cabin color palette (#D0E6FD, #6F92FF, #764FFF, #6C2CA8, #320235)
- Sapphire Canyon color palette (#D6E3F1, #3F8BFF, #2558E2, #1D177F, #070029)
- Feathered Violet Veranda color palette (#DFDEF8, #A99AFF, #8D5DFF, #4C33B2, #10002C)
- Hushed Ultramarine Veranda color palette (#E7F0FF, #89ADFF, #8F9803, #224DD1, #1B1D00)
- Tempered Azure color palette (#D6F4EE, #2EA0CB, #008AA3, #006188, #001C3E)
- Byzantium Summit color palette (#E7EEFB, #9BA2FF, #A363FF, #A41ECC, #581144)
Browse the whole catalog at Explore, or see today's palette.