Quiet Sapphire color palette — #E4ECD7 · #135CF5 · #00706F · #050D11 · #000102

Royal Blue takes the lead with Teal close behind in a set that reads as energy and balance at first glance.

The five colors

• Honeydew (#E4ECD7): A whisper-light, dusty green — the color of fresh herbs.
• Royal Blue (#135CF5): A full-bodied, vivid violet — the color of wild irises.
• Teal (#00706F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#050D11): quiet, heavy and certain.
• Black (#000102): quiet, heavy and certain.

Feels like: Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Quiet 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

• Amethyst Garden color palette (#FFDDF2, #752FFD, #006B8C, #070C14, #000103)
• Muted Indigo Study color palette (#D9F0D9, #7274FF, #008DA0, #00151A, #000201)
• Byzantium Archive color palette (#D6F8EF, #AD00C1, #0062B1, #0A0B17, #000104)
• Midnight Navy Courtyard color palette (#D8ECFC, #0060B3, #002192, #0C004F, #02000F)
• Ancient Study color palette (#EFDDC0, #007C8D, #007538, #010E0C, #000201)
• Navy Coast color palette (#D3E7F2, #00738D, #003669, #002F3B, #000104)
• Byzantium Lantern color palette (#F1ECDE, #9F34F6, #00772D, #061107, #020200)
• Abyss Parlor color palette (#E2EAF0, #92A2B1, #657E9D, #003B55, #00050B)

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