Sapphire Studio color palette — #DFF8F7 · #7DC2FF · #1770D0 · #004D6B · #00114B
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#DFF8F7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7DC2FF): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#1770D0): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#004D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#00114B): 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 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
- Ancient Petrol color palette (#DBEEEC, #75BEE0, #0073A6, #004957, #00172B)
- Timeworn Cobalt color palette (#FFF4E2, #81BEF1, #376BC1, #005366, #232574)
- Cerulean Bloom color palette (#E4F6F4, #8BDEF6, #0090B9, #006169, #00293C)
- Misty Thicket color palette (#FFF1F5, #99D2FF, #6780F8, #007273, #3C2260)
- Hushed Cerulean Alley color palette (#CCE7E2, #008895, #004350, #001F1F, #000202)
- Teal Grove color palette (#DCF5EF, #56ADA9, #006569, #003A31, #000E10)
- Gentle Archive color palette (#DCEFDC, #B57800, #008568, #684300, #001B13)
- Muted Mulberry Canyon color palette (#F1EADC, #8F6B00, #007939, #9C0028, #150D00)
Browse the whole catalog at Explore, or see today's palette.