Quiet Sapphire color palette — #EFF6FF · #83B3FF · #D28A06 · #0060DB · #2D1A00

Royal Blue and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#83B3FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D28A06): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#0060DB): A full-bodied, vivid blue — the color of open sky before noon.
• Onyx (#2D1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Muted Lapis color palette (#F2F4FF, #9FABFF, #B79A06, #513EF8, #251E00)
• Amber Canyon color palette (#EDF7FF, #7FCAFF, #C47800, #0072AA, #2E1800)
• Linen Cornflower Terrace color palette (#D3E7FF, #80B8FF, #D9AB20, #037BED, #3B2B00)
• Dusty Market color palette (#F2F5FF, #C8BDFF, #B6B807, #835CE5, #303100)
• Softworn Grape Drift color palette (#F3F4FF, #CAA2FF, #879700, #7038AA, #171B00)
• Hazy Workshop color palette (#EFD7ED, #4180F4, #9A6500, #003CB7, #211200)
• Soft Ember color palette (#E2FAFF, #2ED7F1, #EE4934, #007889, #400200)
• Mallow Coast color palette (#F4F4FF, #E0A2FF, #7FB86B, #8F60A6, #133006)

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