Gentle Sapphire color palette — #E1FEEC · #00EAE0 · #00BCE7 · #3271E5 · #003E55

A conversation between Sapphire and Lagoon, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#E1FEEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Lagoon (#00EAE0): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00BCE7): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#3271E5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003E55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Gentle Sapphire 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

• Patina Azure color palette (#DEFEF2, #00E6F8, #1CAEF7, #6C68B7, #1B3656)
• Pale Ridge color palette (#E6FDE5, #00E99A, #00CBBE, #008ABE, #003C3F)
• Gentle Hollow color palette (#D7FCEA, #00CBCC, #009DD8, #3A54C1, #00233F)
• Violet Thicket color palette (#D2FEE6, #3EF8BB, #00BFF1, #7E6FEE, #001E31)
• Misty Cobalt Basin color palette (#CAE3F0, #32B0FC, #0075D8, #3549A3, #3D3B79)
• Misty Seafoam color palette (#EAF7FF, #4AFFD4, #49DBFC, #879CFF, #003354)
• Cobalt Field color palette (#B7F3FF, #79B0E4, #7077B5, #5E5652, #43423B)
• Ancient Basin color palette (#FCF4E7, #91DEE1, #008FA5, #006855, #00465E)

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