Sapphire Basin color palette — #E8E0D8 · #7BAC9C · #4B68DC · #005D5C · #0E0023
Sapphire and Ink set the tone — five colors that lean into creativity and calm.
The five colors
- Parchment (#E8E0D8): a clean, paper-quiet neutral.
- Sage (#7BAC9C): A luminous, dusty teal — the color of glacier melt.
- Sapphire (#4B68DC): A full-bodied, vivid violet — the color of wild irises.
- Peacock (#005D5C): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#0E0023): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Hazy Coast color palette (#F9E8E0, #6FABB9, #007BBB, #006045, #03002E)
- Frosted Indigo color palette (#ECE0D3, #8FB4D7, #6A75E5, #006C71, #1E0036)
- Denim Lantern color palette (#E3F0E5, #7397B5, #0055AE, #003A45, #03002E)
- Dusty Sapphire Boulevard color palette (#F7D6E0, #CC99B2, #C87F53, #366CCA, #200020)
- Soft Villa color palette (#EEE3FF, #9E63E1, #007A62, #13640B, #030009)
- Navy Terrace color palette (#FBEBF0, #1881B7, #182D8D, #001F1E, #020008)
- Soft Harbor color palette (#EBDAE0, #A477DC, #5B8002, #5A0096, #040700)
- Frosted Harbor color palette (#F7ECE8, #BFDCC4, #33B1E9, #00965A, #112B5B)
Browse the whole catalog at Explore, or see today's palette.