Sapphire Harbor color palette — #DEFEEE · #00A2BE · #3B62E1 · #9D113C · #0A2704

Royal Blue and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DEFEEE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A2BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3B62E1): A full-bodied, vivid violet — the color of wild irises.
• Garnet (#9D113C): A full-bodied, vivid red — the color of late-summer berries.
• Deep Forest (#0A2704): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, 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

• Pale Amethyst color palette (#E1FCF5, #008CEB, #814EC9, #8B3000, #00291A)
• Mulberry Villa color palette (#EFF9E5, #00AD86, #0076A6, #980B67, #232600)
• Chalky Veranda color palette (#D9FFF3, #029EEC, #C13647, #9B2926, #012D0F)
• Faded Ultramarine color palette (#D2F2E7, #007EB9, #494BB3, #830900, #101400)
• Softworn Chapel color palette (#E9FCE1, #00A08A, #4B67D4, #732D86, #302300)
• Cobalt Courtyard color palette (#FFF2EA, #00C1B7, #268AD5, #893700, #003D46)
• Violet Terrace color palette (#EDFAE6, #00B49C, #9053CF, #784900, #3C2F00)
• Softworn Summit color palette (#FFE8F6, #4E68FF, #B80067, #6C3D00, #001D1A)

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