Sapphire Harbor color palette — #F5E2C0 · #9F7E00 · #2D64F9 · #6741C3 · #1F1700

A conversation between Royal Blue and Iris, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F5E2C0): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#9F7E00): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#2D64F9): A full-bodied, vivid violet — the color of wild irises.
• Iris (#6741C3): A full-bodied, vivid violet — the color of wild irises.
• Ink (#1F1700): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Lapis Thicket color palette (#E7E3D5, #828100, #6455D7, #7F398B, #1A1300)
• Gentle Grape color palette (#FCDFC2, #CC8226, #006A9E, #5F41CC, #261300)
• Feathered Lapis Atelier color palette (#E7E9BA, #9C9B27, #5C36E6, #832BBA, #1A1900)
• Gentle Amethyst color palette (#FFF0D4, #957900, #8036DD, #8D0013, #1A1300)
• Violet Loft color palette (#F4F4DA, #82B156, #8155AC, #93517B, #201F0A)
• Antique Indigo color palette (#FBEBB4, #CEAD2E, #A16AB8, #4F72E1, #3B2F00)
• Timeworn Cabin color palette (#D2EFC4, #5FAC28, #8C12C8, #AA0779, #1A1900)
• Softworn Aubergine Pier color palette (#E3E6D8, #565E00, #5500BF, #6A0052, #030400)

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