Sapphire Studio color palette — #FFF4E2 · #61C2FF · #006CCD · #005462 · #212F5F

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#61C2FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006CCD): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#212F5F): 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

• Frosted Sapphire color palette (#FFEFE0, #84C4ED, #2D6DD3, #005156, #170350)
• Aqua Terrace color palette (#FFF4E2, #57CADE, #00799B, #005650, #003655)
• Muted Hollow color palette (#FFF1F6, #93D3FF, #558AE6, #007179, #2D2864)
• Denim Canyon color palette (#F8EFE0, #72A4CF, #2454A2, #003C4A, #15174A)
• Patina Market color palette (#E8F9F8, #B4E0FF, #55B1FF, #0092B8, #003167)
• Cerulean Meadow color palette (#ECE4D8, #05A2B1, #005266, #00302A, #001624)
• Timeworn Veranda color palette (#FBF4EA, #C5E7C6, #4598A6, #2D705C, #334F42)
• Timeworn Amber Market color palette (#FFDEC1, #BE6E00, #0078AE, #724000, #00324B)

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