Sapphire Workshop color palette — #DEF6F3 · #00C0E1 · #0098E6 · #4A66CB · #2D1958

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

The five colors

• Honeydew (#DEF6F3): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C0E1): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0098E6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4A66CB): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2D1958): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Sapphire Workshop 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

• Chalky Cornflower Terrace color palette (#C1E7EC, #2BB3FA, #4E8BF6, #5B55BA, #41205A)
• Muted Turquoise Delta color palette (#D1E3DE, #00C2CC, #00A0C2, #006AA6, #1A275B)
• Cobalt Delta color palette (#A3ECFF, #3DC5F2, #007FC6, #004484, #111B54)
• Patina Iris Courtyard color palette (#D6E6FF, #95BCFF, #6A8CF6, #3066BB, #001338)
• Dusty Violet Coast color palette (#CEECFF, #87A8FF, #8671EC, #8B47A6, #4F173C)
• Clover Hollow color palette (#F9E7D7, #00DB70, #009BE1, #244660, #010F1C)
• Misty Station color palette (#C7F6F3, #008CA2, #00628F, #07188A, #1C083E)
• Airy Amethyst Villa color palette (#E0F4FF, #2383F8, #6D42E8, #620094, #2D0025)

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