Sapphire Harbor color palette — #F0E6CC · #987900 · #2B60FF · #9922B2 · #0B0700
Royal Blue takes the lead with Orchid close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F0E6CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#987900): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Blue (#2B60FF): A full-bodied, vivid violet — the color of a velvet chair.
- Orchid (#9922B2): A full-bodied, vivid pink — the color of peonies in June.
- Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Grape Basin color palette (#EFDEC4, #A47300, #0074D6, #6745D1, #0D0600)
- Grape Harbor color palette (#ECF1D7, #90A02E, #9030A5, #6B25DE, #070800)
- Feathered Byzantium color palette (#F0E1C4, #947900, #A90BCE, #9C1C00, #070400)
- Timeworn Field color palette (#D8E5D0, #61992A, #900084, #7400B1, #010200)
- Sunlit Byzantium Coast color palette (#DAF1D4, #4CAB2A, #BD0051, #8E00BF, #010B00)
- Ultramarine Studio color palette (#ECDFD6, #D8641D, #00819E, #0647D3, #120300)
- Misty Magenta color palette (#EDEBD4, #CDBE32, #E019DF, #6F78E7, #292500)
- Ancient Raspberry color palette (#EBF1E3, #33BB8E, #C44500, #BD0098, #00170E)
Browse the whole catalog at Explore, or see today's palette.