Sapphire Harbor color palette — #D3F5E0 · #009F65 · #006BE2 · #005B38 · #001435
Built around Royal Blue, softened by Kelly Green — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D3F5E0): A whisper-light, dusty teal — the color of sea glass.
- Kelly Green (#009F65): A luminous, balanced teal — the color of glacier melt.
- Royal Blue (#006BE2): A full-bodied, vivid blue — the color of deep harbor water.
- Pine (#005B38): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.
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
- Wandering Hollow color palette (#C1EBF0, #009C84, #524FFF, #005A4B, #0D0448)
- Moss Delta color palette (#DBE3D6, #5C9A00, #007DA2, #325800, #001923)
- Weathered Harbor color palette (#DEEEE7, #008665, #006D98, #5C5300, #00130B)
- Airy Violet Harbor color palette (#DDF7FF, #00AEB0, #8961F3, #00696A, #240D50)
- Faded Study color palette (#E5F4FF, #3EB0E5, #6C9E4E, #016D95, #002F29)
- Timeworn Olive Terrace color palette (#D6EAF0, #009193, #796C00, #005152, #161200)
- Washed Atelier color palette (#DCF3FB, #007790, #4B6200, #003D4B, #050900)
- Mint Workshop color palette (#E6F5F7, #60C9AE, #8799D5, #407F6E, #23314A)
Browse the whole catalog at Explore, or see today's palette.