Tempered Sapphire Harbor color palette — #E9F3FF · #006FCF · #874200 · #004434 · #000E23
A conversation between Royal Blue and Bronze, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F3FF): bright and airy, almost weightless.
- Royal Blue (#006FCF): A full-bodied, vivid blue — the color of deep harbor water.
- Bronze (#874200): A full-bodied, balanced gold — the color of old brass.
- Forest (#004434): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000E23): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged jewel, vibrant, cool.
Use it as a design system
One click turns Tempered 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
- Weathered Indigo Drift color palette (#ECF2FF, #6A74E6, #963A00, #004435, #001C22)
- Sunlit Terrace color palette (#E8F3FF, #0078D1, #920062, #413C00, #00101A)
- Frosted Amethyst Grove color palette (#EEF1FF, #7D4ED8, #A1002F, #2A3E00, #000A1F)
- Patina Violet Boulevard color palette (#F0F1FC, #9A6DBB, #746300, #00464E, #131125)
- Gentle Byzantium Coast color palette (#F0F0FF, #9E40E3, #654D00, #003D39, #12031F)
- Faded Iris Field color palette (#FFF0F9, #8679FF, #8B7300, #604F00, #0B2811)
- Washed Amethyst Parlor color palette (#F2F5FF, #7633FE, #930044, #003F47, #06213F)
- Misty Aubergine Field color palette (#E6E4F8, #792698, #642D00, #002F1A, #010316)
Browse the whole catalog at Explore, or see today's palette.