Sapphire Loft color palette — #FFF1F7 · #70C3EE · #2766D8 · #00564F · #342565
Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sky (#70C3EE): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#2766D8): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Royal Purple (#342565): 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 Loft 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
- Hushed Canyon color palette (#FCF2F7, #A0CBE7, #4579BE, #006154, #2F395A)
- Feathered Aqua Summit color palette (#FFF0FC, #00CFDD, #0078A2, #005932, #082E6D)
- Cobalt Alley color palette (#EFF5E0, #83C4EB, #0078B9, #004F62, #001A37)
- Gentle Corridor color palette (#EAD9DF, #6AA6CC, #2F4FAA, #003E3B, #22153F)
- Weathered Forest Cabin color palette (#FAF2FB, #B4E6F3, #5095AA, #446E44, #334A61)
- Weathered Lagoon color palette (#FFF2E9, #B0E1FF, #70ACFF, #00979C, #29276C)
- Weathered Coast color palette (#E7D9E5, #04A2AC, #00516D, #003218, #001134)
- Weathered Plum Terrace color palette (#FFEAF1, #CA0076, #007373, #0E546C, #3F1025)
Browse the whole catalog at Explore, or see today's palette.