Quiet Sapphire color palette — #F9E1F8 · #2268C6 · #745100 · #003373 · #0D0600

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9E1F8): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#2268C6): A full-bodied, vivid blue — the color of open sky before noon.
• Coffee (#745100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003373): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, 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

• Worn Petrol color palette (#D8EDE4, #0074A1, #794D00, #003B55, #0E0600)
• Navy Study color palette (#F8E4F2, #3C4ABF, #454F00, #180081, #020300)
• Soft Denim Market color palette (#E4EFFD, #4C87D4, #956D00, #0050A3, #251800)
• Faded Violet color palette (#FBE3ED, #885DD1, #086A15, #37006A, #000B01)
• Mulberry Veranda color palette (#EEDEED, #2969CA, #A3005A, #00347C, #37001B)
• Pale Field color palette (#E2F0FF, #2194FB, #009254, #004E8E, #000B03)
• Quiet Thicket color palette (#E7E7FF, #8E7FFF, #627B00, #4200AA, #121900)
• Muted Villa color palette (#FCE6FA, #AAA2DB, #B5739C, #005469, #05052B)

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