Sapphire Basin color palette — #EBF7FF · #00F2EF · #00BFEB · #2672F7 · #003E59
Sapphire takes the lead with Lagoon close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Lagoon (#00F2EF): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00BFEB): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#2672F7): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#003E59): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Sapphire Basin 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 Seafoam color palette (#E7F9FF, #00E5BC, #00CBD8, #007FC9, #003E4E)
- Indigo Cabin color palette (#EDF7FF, #27E2F9, #54B6FF, #7C6EE3, #053266)
- Muted Sapphire Cabin color palette (#C4E9FC, #23A0FB, #0264E0, #2840A6, #393175)
- Lilac Parlor color palette (#DFFFE6, #8CEFA5, #3DD7FD, #A387FF, #003A57)
- Feathered Alley color palette (#E8F5FF, #00C0C4, #009DCE, #4559BF, #002348)
- Cornflower Thicket color palette (#E2EBF7, #00B0DE, #217CFC, #6628AB, #0E0C4E)
- Weathered Archive color palette (#EAFAED, #9DDBDF, #008EA7, #006857, #004660)
- Hushed Chartreuse Garden color palette (#DDFCFF, #80EA7D, #00C399, #0086A3, #003C3B)
Browse the whole catalog at Explore, or see today's palette.