Sapphire Harbor color palette — #D0E4D2 · #A57500 · #295DE0 · #5D4000 · #010B3A

Royal Blue and Ochre set the tone — five colors that lean into optimism and creativity.

The five colors

• Celadon Mist (#D0E4D2): A whisper-light, dusty green — the color of fresh herbs.
• Ochre (#A57500): A full-bodied, balanced gold — the color of old brass.
• Royal Blue (#295DE0): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Deep Indigo (#010B3A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Sapphire color palette (#EEDBC4, #AC7000, #4360C8, #654000, #172454)
• Pale Archive color palette (#DBEFE1, #BF9C24, #4362D1, #685200, #0F193B)
• Powdered Study color palette (#D5E6DE, #919521, #602FD0, #484A00, #14013A)
• Weathered Pier color palette (#F6DFE7, #B86900, #0073A5, #683900, #001421)
• Antique Grape Ridge color palette (#D3EADD, #786C00, #5C16D8, #3D3700, #080023)
• Mustard Cabin color palette (#E4FCEE, #D2B927, #008DCE, #736300, #001B2B)
• Timeworn Iris Meadow color palette (#E4F7EF, #A4AB59, #9277E3, #656A00, #202442)
• Dusty Aubergine Boulevard color palette (#D4F0DA, #866600, #006B76, #7A117D, #100A00)

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