Sapphire Harbor color palette — #FDF1D2 · #BBA925 · #416DD4 · #675C00 · #031659

Built around Royal Blue, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Custard (#FDF1D2): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#BBA925): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#416DD4): A full-bodied, vivid violet — the color of wild irises.
• Olive (#675C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#031659): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. 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

• Violet Study color palette (#FAF2D4, #A8B12D, #8053D8, #5B6100, #280454)
• Soft Apricot color palette (#FFEFDF, #EB8E25, #0079C5, #854B00, #00223D)
• Nightshade Thicket color palette (#F0E9D2, #929521, #4B50AA, #484A00, #0C023E)
• Linen Ridge color palette (#E5FCEE, #DBBF2C, #6C80EC, #8B7700, #283177)
• Lilac Dune color palette (#F2F4DD, #88B17A, #AD77B1, #457234, #39173C)
• Indigo Ridge color palette (#ECE7B8, #938400, #5B63E0, #6047BF, #1C1800)
• Peony Studio color palette (#F3F4D9, #6EC045, #C34AA2, #285F00, #3E0030)
• Washed Cypress Dune color palette (#ECF5E7, #7AC4B4, #BD89AC, #278273, #472629)

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