Sapphire Harbor color palette — #E2F6F9 · #00C6B0 · #3365FF · #007A6C · #040E30
Built around Royal Blue, softened by Turquoise — the whole palette hums with creativity and calm.
The five colors
- Ivory (#E2F6F9): A whisper-light, dusty blue — the color of open sky before noon.
- Turquoise (#00C6B0): A luminous, balanced teal — the color of shallow lagoons.
- Royal Blue (#3365FF): A full-bodied, vivid violet — the color of a velvet chair.
- Teal (#007A6C): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#040E30): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, 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
- Faded Balcony color palette (#E3F7F4, #69C36D, #0172E9, #01801F, #00102D)
- Tempered Indigo color palette (#EBFBE4, #00E1C9, #436DFF, #007C6E, #050004)
- Misty Violet color palette (#E9F8FF, #00D1F0, #9163F3, #00869B, #20143B)
- Powdered Byzantium color palette (#E1F6FD, #00C3C5, #A020F5, #00787A, #180828)
- Muted Coast color palette (#ECF7FF, #82BDE0, #A066AE, #007BAC, #19142A)
- Worn Lime color palette (#DDF9F2, #8BBD58, #0084A5, #4B7800, #00151C)
- Timeworn Azure Orchard color palette (#DEF7FF, #00DDE6, #00A5EE, #00A1A9, #001323)
- Antique Lagoon color palette (#E5F5FE, #00BDEA, #CD009E, #007491, #26001B)
Browse the whole catalog at Explore, or see today's palette.