Sapphire Harbor color palette — #CFE5CF · #00A6AD · #0062D5 · #624000 · #002934

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

The five colors

• Celadon Mist (#CFE5CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#00A6AD): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0062D5): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#624000): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002934): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Market color palette (#F2D4E2, #00A999, #0070A8, #703600, #002935)
• Antique Coast color palette (#E1F5E3, #00B5CF, #576ECF, #6F4F00, #1B3344)
• Aged Lapis Quarry color palette (#C7E7D8, #00A0D4, #694CCD, #4B4B00, #0E253D)
• Sapphire Archive color palette (#FFF4E2, #00B4D5, #2569C2, #741715, #001520)
• Misty Cornflower Meadow color palette (#F8D8B6, #00C3BC, #6384D6, #905700, #002933)
• Misty Station color palette (#CEE6EC, #009B90, #8C1EC0, #5B3B00, #172400)
• Airy Aubergine color palette (#DEF6EF, #0079B5, #6000AD, #233100, #00052E)
• Cerulean Harbor color palette (#F5EBF2, #89D2DE, #0093C2, #006E58, #0A2F53)

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