Soft Sapphire color palette — #BFEAFF · #77BAFF · #4668E4 · #462F8A · #270C36
A conversation between Sapphire and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#BFEAFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#77BAFF): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#4668E4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#462F8A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#270C36): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Soft Sapphire 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
- Antique Violet Coast color palette (#DBE5FF, #A1A2FF, #945BE2, #662372, #330926)
- Sky Parlor color palette (#B4F9FF, #04C4EE, #007FB3, #004991, #110F42)
- Cornflower Field color palette (#DBF3FA, #3EB0FB, #6287FF, #764EB1, #441F52)
- Wandering Atelier color palette (#F4F4FF, #BBB2FF, #7E62DD, #371D72, #07001A)
- Soft Station color palette (#C8E6F0, #0093D2, #1750CE, #430081, #1F002E)
- Faded Iris Basin color palette (#EDF7FF, #B3CBFF, #8382E9, #61498C, #3E2444)
- Softworn Ultramarine Villa color palette (#F0F5FF, #A3B3FF, #A08D00, #424CB7, #1D1800)
- Pale Amethyst color palette (#D1E4FC, #6885FF, #6F43DD, #470267, #160017)
Browse the whole catalog at Explore, or see today's palette.