Sapphire Workshop color palette — #FFF1F5 · #81BEF1 · #5364C2 · #005557 · #40186A
Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sky (#81BEF1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#5364C2): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
- Royal Purple (#40186A): 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 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
- Aged Cobalt Summit color palette (#FFF0F9, #7BC4D7, #0073B5, #005842, #212772)
- Quiet Sapphire Cabin color palette (#FAF0E1, #88C1F4, #2F6BD7, #004F62, #110651)
- Tempered Cornflower color palette (#EAFAED, #9DD1FF, #4E88F1, #006F88, #24207C)
- Wandering Fuchsia color palette (#E9F4FF, #C4BFFF, #EA73C1, #006970, #21305F)
- Quiet Nightshade Parlor color palette (#C8E9E8, #00A0C4, #0068A7, #141EBC, #3B1879)
- Antique Spruce Orchard color palette (#ECE2ED, #68ACAA, #006178, #00420D, #00203E)
- Tempered Cypress Alley color palette (#FBF2F9, #BCE4F2, #5993AF, #3D6F4F, #314967)
- Periwinkle Grove color palette (#FFF3E7, #BADEFF, #91A3FF, #00979B, #3D2558)
Browse the whole catalog at Explore, or see today's palette.