Sapphire Summit color palette — #F4E2F3 · #0099E3 · #0669F2 · #4828AF · #030335
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F4E2F3): A whisper-light, dusty pink — the color of peonies in June.
- Cornflower (#0099E3): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0669F2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#4828AF): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#030335): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Sapphire Summit 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
- Linen Lapis color palette (#DDE1FE, #397FFF, #504FED, #6226A7, #090025)
- Pale Summit color palette (#F4E5F2, #0096C0, #0363EE, #6A00A2, #01000C)
- Nightshade Alley color palette (#C0EADB, #00A4D0, #0075AD, #0F37AB, #000A19)
- Frosted Grove color palette (#DAEAFF, #00B5ED, #3680FF, #8932CF, #02002A)
- Azure Lagoon color palette (#E5EADA, #4398CC, #004D7F, #002E3C, #00132F)
- Tempered Indigo Market color palette (#DFE5F5, #7169C2, #4D3A67, #431C25, #002321)
- Linen Grove color palette (#F2F5FF, #83BEFF, #6586FF, #864EE0, #26235B)
- Tempered Market color palette (#ECE6F4, #8264FF, #9622EA, #7C007C, #16001E)
Browse the whole catalog at Explore, or see today's palette.