Sapphire Harbor color palette — #E1F0E6 · #937D00 · #0068E7 · #635300 · #000517
A conversation between Royal Blue and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1F0E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#937D00): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Blue (#0068E7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Coffee (#635300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000517): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Aged Ultramarine Courtyard color palette (#FEE6EE, #C77D26, #3747D6, #794600, #020023)
- Cornflower Orchard color palette (#FCD9EC, #017CF0, #7E7C00, #0F0E00, #000201)
- Tempered Corridor color palette (#D9E9E0, #8D8000, #8F3BD9, #5F5500, #0B0019)
- Grape Garden color palette (#DEE1D0, #6E7600, #006CA5, #7300C8, #020200)
- Worn Rust color palette (#FBE2F2, #C65835, #007AA9, #932B00, #00070D)
- Dusty Harbor color palette (#F1EBDD, #7B6800, #006565, #423700, #000808)
- Deep Nightshade Delta color palette (#F9F0D5, #5D4A00, #1B249A, #261D00, #00000B)
- Byzantium Orchard color palette (#CDF9F1, #60A543, #AB2BBD, #1E5000, #0F0012)
Browse the whole catalog at Explore, or see today's palette.