Dusty Sapphire color palette — #FBEDD5 · #BF9724 · #3365C3 · #6C5300 · #20345A

Royal Blue takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEDD5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BF9724): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#3365C3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#6C5300): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#20345A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Dusty 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

• Pale Veranda color palette (#FFEAD9, #E47E23, #0071A8, #844300, #0D3954)
• Amber Atelier color palette (#F3E8D3, #AC8E0F, #4B7DC0, #665300, #001A40)
• Gentle Moss Parlor color palette (#F2EFDB, #91AA24, #7952B1, #4F5E00, #3B2C53)
• Quiet Periwinkle Veranda color palette (#DBF7E4, #C3A53D, #6096E4, #896F00, #123464)
• Faded Moss color palette (#FAF5E5, #A4A644, #8A7CCA, #696A13, #593549)
• Linen Lapis Coast color palette (#F4E8CD, #7D6D00, #453BCC, #423900, #120D4B)
• Bronze Bloom color palette (#F4E3BF, #907800, #007A8E, #7C4470, #382905)
• Pale Boulevard color palette (#D6EEC4, #6AA822, #8418CA, #345B00, #400A64)

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