Sapphire Studio color palette — #FFF1F6 · #7EC0E9 · #0066E1 · #005559 · #2A2867

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#7EC0E9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0066E1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2A2867): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Timeworn Orchard color palette (#FDF2F7, #A2CBE7, #377AC5, #005F60, #2B3A5A)
• Tempered Garden color palette (#EEF6DC, #68C6FF, #0077BE, #004E63, #001939)
• Softworn Market color palette (#F1E2E7, #6CA5D1, #1B4ABE, #003D43, #1D183F)
• Soft Aqua color palette (#FFF0FA, #58CCCB, #007B91, #005935, #003752)
• Washed Periwinkle Parlor color palette (#FFF4E2, #B2E1FF, #65AFFF, #0094A9, #192C6C)
• Patina Cerulean Delta color palette (#FBF2F8, #B9E5F1, #0E9AB4, #2D714E, #334B5D)
• Periwinkle Meadow color palette (#F2F7F1, #DADDED, #8497CD, #3D7983, #4C5166)
• Worn Loft color palette (#EADBE6, #549CA4, #005169, #003123, #001529)

Browse the whole catalog at Explore, or see today's palette.