Quiet Sapphire color palette — #D2F5DF · #937D00 · #4C63D8 · #635400 · #020023

Royal Blue and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D2F5DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#937D00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Blue (#4C63D8): A full-bodied, vivid violet — the color of wild irises.
• Coffee (#635400): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Washed Cobalt color palette (#D7E7D9, #A17600, #0077B8, #6D4E00, #000610)
• Grape Garden color palette (#D2EEE3, #8F9927, #6140C0, #535A00, #07001D)
• Ultramarine Canyon color palette (#E8E2CE, #856C00, #2C51E5, #6B39A1, #030200)
• Hushed Market color palette (#F5E2EC, #CA5500, #007CA3, #8A3800, #00070C)
• Washed Summit color palette (#F4EAD4, #7A6900, #006565, #423800, #000808)
• Byzantium Lantern color palette (#CDE9E6, #2BAC45, #9B43BB, #005216, #0D0014)
• Violet Orchard color palette (#D3F4F3, #27B86C, #8675FF, #00874A, #1B0052)
• Nightshade Delta color palette (#F5EBD4, #584C00, #1400B4, #241E00, #00000C)

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