Sapphire Studio color palette — #CCF5E9 · #00C2D2 · #00A0CC · #0070D6 · #202372
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CCF5E9): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00C2D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0070D6): A full-bodied, vivid blue — the color of deep harbor water.
- Navy (#202372): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Teal Atelier color palette (#D4F2DE, #00CAB6, #00A7B4, #0073A6, #003172)
- Airy Aqua color palette (#BFF5FF, #00CCF2, #0092B8, #005B7B, #002E47)
- Indigo Ridge color palette (#C9EAF0, #11BBF9, #488AFF, #7058DC, #431C6A)
- Dusty Periwinkle Lantern color palette (#D2F5FE, #6ED0FF, #569EFF, #7773D6, #563467)
- Soft Boulevard color palette (#D5EBFF, #83CBFF, #27A3FD, #0073A9, #001832)
- Worn Lantern color palette (#FEE6D3, #BEC900, #2CA1E6, #1D4A68, #001812)
- Softworn Study color palette (#D4F6F8, #00849E, #005E9F, #202C91, #0B001A)
- Tempered Mint color palette (#DCEAD4, #00D081, #00AB8C, #00797E, #003E52)
Browse the whole catalog at Explore, or see today's palette.