Sapphire Harbor color palette — #F6E0F4 · #0162EB · #644500 · #003C33 · #002329

Royal Blue takes the lead with Bronze close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6E0F4): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#0162EB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Bronze (#644500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003C33): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Energy, Balance. Tagged 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

• Amethyst Veranda color palette (#FFDCEF, #7231FD, #554D00, #003945, #092033)
• Cocoa Drift color palette (#D0F1DE, #007B96, #7C3200, #2D3800, #00260F)
• Sapphire Alley color palette (#FEF3EA, #71C3EA, #0065E2, #00574D, #312860)
• Hushed Cabin color palette (#FFECF4, #815EC8, #635300, #003975, #251C50)
• Hushed Basin color palette (#FFDDE8, #B54FFF, #C11D00, #454D00, #002A2D)
• Misty Orchid Meadow color palette (#FFF1F5, #A959D9, #356100, #004A49, #00303D)
• Byzantium Summit color palette (#DCDDFD, #9E00ED, #852700, #1E3300, #001117)
• Worn Aubergine color palette (#FFDEE6, #7D2A96, #1A4100, #001E43, #0C0724)

Browse the whole catalog at Explore, or see today's palette.