Sapphire Harbor color palette — #E1F6FF · #00E086 · #00ABC9 · #2B5EF2 · #001219

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

The five colors

• Ivory (#E1F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#00E086): A luminous, vivid teal — the color of glacier melt.
• Cyan (#00ABC9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2B5EF2): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#001219): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.

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

• Linen Violet color palette (#E3F5FF, #00D8B0, #00A9D0, #7A55F1, #00122A)
• Pale Lime Thicket color palette (#D6F9FF, #A5C800, #00B994, #0073B1, #00191B)
• Soft Hollow color palette (#DEFFE5, #4BF383, #00CBE7, #608AFF, #002A3B)
• Sunlit Summit color palette (#E9F8FF, #00C8C8, #00ACCA, #0079B4, #002D3B)
• Linen Courtyard color palette (#E7F4FF, #00E8E0, #4FB4FF, #995ECA, #00183C)
• Airy Ridge color palette (#DBECFF, #00CFDB, #5E98FE, #864CAA, #050136)
• Indigo Delta color palette (#E7F0FF, #00A5CD, #6F65EE, #952A8A, #0A0019)
• Hazy Petrol color palette (#D2F4E2, #5DA7B4, #3B64AB, #5E3300, #202100)

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