Sapphire Workshop color palette — #C9E3FF · #6AADFF · #3272E9 · #303F95 · #1A1946
Sapphire and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Powder Blue (#C9E3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#6AADFF): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#3272E9): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#303F95): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#1A1946): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, 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
- Sunlit Cornflower Terrace color palette (#C9E3F6, #6DB3FF, #5986FC, #5961CC, #2F1E5D)
- Weathered Iris Meadow color palette (#F0F5FF, #B4CBFF, #7482F1, #4E4A93, #2F2750)
- Linen Sky Basin color palette (#B9EFFF, #1FC9F7, #0083AD, #004E73, #001B32)
- Wandering Alley color palette (#E9EBFF, #A697FF, #8450DA, #542E7E, #250637)
- Nightshade Parlor color palette (#D0E8F9, #2681D0, #1F4FC8, #2E0099, #170141)
- Muted Ultramarine Studio color palette (#CDE8EC, #1099D1, #144ACB, #47009A, #3D1B54)
- Rose Delta color palette (#F0F5FF, #90A3FF, #E65C78, #4A57B8, #35000F)
- Tempered Workshop color palette (#F4F4FF, #BEBAFF, #7266DE, #382D7F, #020010)
Browse the whole catalog at Explore, or see today's palette.