Quiet Sapphire color palette — #EFF6FF · #8BB1FF · #C29406 · #1550F7 · #281C00

Royal Blue and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#8BB1FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#C29406): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#1550F7): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Balance. Tagged 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

• Amber Orchard color palette (#EDF6FF, #67BAFF, #E08006, #006EB1, #301700)
• Grape Loft color palette (#F2F4FF, #C7B2FF, #9A9B00, #7900E6, #202000)
• Gentle Lime Corridor color palette (#CEE8FF, #61BFFF, #AFAE00, #0090D8, #313000)
• Antique Byzantium Bloom color palette (#F3F4FF, #CEBAFF, #B5B907, #9243FD, #303100)
• Nightshade Pier color palette (#EAF0FF, #5478FF, #956800, #2126CC, #201300)
• Wandering Byzantium Workshop color palette (#F5F3FF, #DEA8ED, #74BE58, #A837C3, #113003)
• Hushed Cobalt color palette (#F1F5FF, #E2D8E1, #D1B59F, #0087D2, #222154)
• Linen Ember color palette (#EAF8FF, #2ED6F8, #EE4A33, #00788D, #400300)

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