Sapphire Harbor color palette — #D9FCE6 · #C1A725 · #0072DC · #6B5A00 · #001F45
Royal Blue takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9FCE6): A whisper-light, dusty teal — the color of sea glass.
- Gold (#C1A725): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#0072DC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Olive (#6B5A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#001F45): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Linen Amethyst Orchard color palette (#D8F0E4, #A8A624, #7C51BF, #5A5900, #220F3C)
- Misty Indigo Harbor color palette (#D7FBF2, #7EBD41, #6B66FC, #355C00, #191849)
- Softworn Delta color palette (#FFEBF6, #FA8139, #136AED, #923F00, #001C4E)
- Cornflower Garden color palette (#FFF4DE, #E1BC2C, #5586EC, #8F7500, #1A3673)
- Quiet Lapis Chapel color palette (#DCF3E6, #8E8100, #544AEE, #4F4800, #0C033D)
- Quiet Olive color palette (#E5F6F3, #81B471, #9F78CC, #3A7523, #2F1D42)
- Sapphire Ridge color palette (#CDEFD2, #A87A00, #0071E2, #803AAA, #221600)
- Ember Studio color palette (#FFEBF8, #EC6D49, #008EC3, #A12B00, #002435)
Browse the whole catalog at Explore, or see today's palette.