Sapphire Harbor color palette — #DEE5C6 · #A47A00 · #0062D5 · #140B16 · #030003

Built around Royal Blue, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Celadon Mist (#DEE5C6): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#A47A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0062D5): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#140B16): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

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

• Lapis Bloom color palette (#D5E4D3, #CA5F00, #4A54FF, #1A0717, #040003)
• Amethyst Balcony color palette (#DDE9DE, #998000, #7425F4, #170708, #040002)
• Ember Balcony color palette (#F2F3D2, #D94E00, #007CAD, #06090F, #000201)
• Velvet Lapis Harbor color palette (#E8EBCA, #7B5600, #4700DE, #100517, #00000A)
• Lapis Meadow color palette (#EEF1D3, #D32800, #3029F6, #10041E, #00010B)
• Powdered Raspberry Thicket color palette (#FEECDE, #E50092, #008095, #060A0E, #000201)
• Dusty Grape Terrace color palette (#EDEDDC, #00AB81, #8500D2, #170706, #040001)
• Aubergine Villa color palette (#EDDFE3, #C7B6B7, #AA8982, #4E236D, #040001)

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