Sapphire Studio color palette — #EEF6FF · #3AC3FC · #209CF9 · #4767E5 · #062B5C
Sapphire and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cyan (#3AC3FC): A luminous, balanced blue — the color of open sky before noon.
- Cornflower (#209CF9): A luminous, vivid blue — the color of open sky before noon.
- Sapphire (#4767E5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Navy (#062B5C): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Sapphire Studio 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
- Tempered Amethyst Meadow color palette (#EFF6FF, #68B6FF, #6C9AFF, #6A43E7, #1A2064)
- Worn Sapphire color palette (#E9F8FF, #00D0E8, #00A4D5, #006ECD, #002A3E)
- Powdered Violet Parlor color palette (#EDF7FF, #6CDFFF, #7ABCFF, #826FFF, #00245F)
- Gentle Corridor color palette (#F2F4FF, #8DA3FF, #866FEB, #7F4495, #2C1C45)
- Gentle Petrol color palette (#DEFDF9, #5FC6ED, #0077A5, #005461, #003656)
- Tempered Amethyst color palette (#E9F3FF, #1DD5F7, #19A4FC, #7B1EF8, #010141)
- Powdered Byzantium color palette (#F2F4FF, #9BA8FF, #A36CFF, #AE24CA, #331153)
- Voltage Bloom color palette (#DFE6F8, #747CFF, #5C17FF, #4D13A6, #3F2569)
Browse the whole catalog at Explore, or see today's palette.