Sapphire Studio color palette — #FAF0E6 · #87C2F2 · #4E61DE · #005152 · #240045
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#FAF0E6): a clean, paper-quiet neutral.
- Sky (#87C2F2): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#4E61DE): A full-bodied, vivid violet — the color of wild irises.
- Forest (#005152): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#240045): A deep, shadowed, balanced violet — the color of wild irises.
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
- Feathered Cobalt Boulevard color palette (#FFEEE5, #74C9E2, #0076C1, #005341, #110255)
- Patina Sapphire Basin color palette (#FDF4E6, #7DBEF6, #0062E9, #005366, #262C62)
- Wandering Pier color palette (#F6F1EC, #AED0C4, #6679B1, #005B5A, #25163F)
- Tempered Cornflower Summit color palette (#FFF1F5, #98D2FF, #637EFF, #007272, #3D1F64)
- Forest Summit color palette (#F9F0EC, #CBE4CF, #5597B6, #246E44, #182C4B)
- Washed Spruce color palette (#EBDDDA, #87A684, #006278, #023D08, #000B1B)
- Denim Study color palette (#F0E0D9, #5894A2, #004E79, #002D1F, #01001D)
- Olive Atelier color palette (#E2FADA, #A1E0FF, #9D9CFF, #3D7A00, #00242B)
Browse the whole catalog at Explore, or see today's palette.