Sapphire Harbor color palette — #D8F1E6 · #00B1D6 · #6185DD · #2575DE · #000307
Sapphire and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D8F1E6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00B1D6): A luminous, balanced blue — the color of deep harbor water.
- Azure (#6185DD): A luminous, balanced violet — the color of wild irises.
- Sapphire (#2575DE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, 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
- Muted Nightshade color palette (#D2E3F2, #00BAC8, #0082C0, #4A38BE, #000104)
- Quiet Indigo color palette (#EEE1EE, #13ABF7, #2C92FE, #665AE1, #00010F)
- Turquoise Station color palette (#ECEFDF, #36B1CC, #0080A2, #005C62, #000B13)
- Dusty Quarry color palette (#CEE2F5, #5D7EC3, #5D5E91, #5B364A, #00120B)
- Chalky Byzantium Market color palette (#EEEEFF, #7EA1FF, #8B78FF, #9749CA, #02000D)
- Faded Courtyard color palette (#FFE5F7, #5D66FF, #008372, #3B3BC0, #000806)
- Dusty Field color palette (#DFECFF, #2E6EFD, #3A3FDC, #33278F, #070021)
- Powdered Aubergine color palette (#D6ECE1, #008C6B, #00648A, #570094, #000106)
Browse the whole catalog at Explore, or see today's palette.