Sapphire Harbor color palette — #F7E2CA · #AA6C00 · #415DEB · #364BA3 · #000700
A conversation between Royal Blue and Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Parchment (#F7E2CA): A whisper-light, dusty gold — the color of honey in a jar.
- Ochre (#AA6C00): A full-bodied, balanced gold — the color of old brass.
- Royal Blue (#415DEB): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#364BA3): A full-bodied, balanced violet — the color of wild irises.
- Ink (#000700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Sapphire Harbor 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
- Amethyst Harbor color palette (#CCE9D3, #9A7600, #714EE0, #553FA3, #070400)
- Ultramarine Veranda color palette (#F9DDEB, #D96C26, #0056C1, #4F349C, #0C0200)
- Feathered Aubergine Hollow color palette (#E3F5ED, #8E921A, #005AA8, #5E217B, #170003)
- Hushed Nightshade Grove color palette (#E1F3EC, #867E00, #007088, #1C38A7, #070000)
- Hushed Loft color palette (#FFE7DF, #D04700, #007AA7, #005C80, #0E0100)
- Aubergine Veranda color palette (#F5E1CE, #988B00, #007C51, #622088, #080E00)
- Chestnut Veranda color palette (#F3ECDB, #6E6000, #005572, #002C3D, #020100)
- Byzantium Corridor color palette (#E5E9C6, #7D8200, #AE26B2, #7D317A, #050500)
Browse the whole catalog at Explore, or see today's palette.