Sapphire Harbor color palette — #E7FCE9 · #A48345 · #008A9F · #4161C0 · #224027

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

The five colors

• Ivory (#E7FCE9): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#A48345): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#008A9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#4161C0): A full-bodied, balanced violet — the color of wild irises.
• Forest (#224027): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Quarry color palette (#E6FCEA, #A58338, #4D7BBF, #6F529B, #263F2C)
• Wandering Denim color palette (#FFF0F8, #B67755, #0088A9, #4560A2, #482F3D)
• Aubergine Field color palette (#E8F9F9, #47936B, #267B9B, #6D3981, #113A3A)
• Frosted Grape Alley color palette (#E9E8D0, #7B7400, #006D92, #5E00CB, #282500)
• Frosted Mulberry color palette (#C8F6EF, #48A038, #026DE1, #8F0093, #143A0D)
• Faded Aubergine Bloom color palette (#D8F4EE, #559022, #6A179C, #78004B, #102600)
• Emerald Archive color palette (#FFEFDB, #B9811F, #49933E, #9F4D5D, #291B08)
• Patina Bronze color palette (#FFF1F7, #92B094, #966644, #754139, #2C4337)

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