Quiet Sapphire color palette — #FFF0FB · #C9BE5C · #4A5EC3 · #25307D · #271223

Royal Blue takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Gold (#C9BE5C): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#4A5EC3): A full-bodied, balanced violet — the color of wild irises.
• Navy (#25307D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#271223): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Tempered Navy color palette (#F6EBF1, #A0C08B, #5F5A96, #332A66, #210F1A)
• Wandering Cobalt color palette (#FFEFFF, #F7A56D, #2068BB, #063A71, #241425)
• Linen Parlor color palette (#F0F5FF, #E3DF5D, #4161C9, #1D2B55, #020715)
• Hazy Nightshade color palette (#F1F5FF, #CB9900, #37349F, #1D1F50, #191327)
• Muted Villa color palette (#FFF0FA, #FFC531, #7A84DF, #505788, #261321)
• Ancient Basin color palette (#F7E7EE, #5FA568, #4C3085, #22004B, #080003)
• Washed Driftwood color palette (#FBF3F3, #CED6AF, #986E8D, #664145, #342828)
• Worn Violet color palette (#FDF1F5, #E6D6CE, #D4BDA2, #9A6DCD, #4D3941)

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