Dusty Sapphire color palette — #EFF6FF · #9BC0FF · #C2A706 · #366FD6 · #302700

Built around Royal Blue, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9BC0FF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#C2A706): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#366FD6): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#302700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Misty Delta color palette (#F3F4FF, #D2AAFF, #BCAA07, #895AB8, #2E2800)
• Airy Lime Courtyard color palette (#F1F5FF, #CDCFFF, #B2CA51, #7E7BD8, #353D15)
• Patina Coral Lagoon color palette (#EDF6FF, #7DC7FF, #FF7B57, #007BBB, #43190D)
• Powdered Iris Dune color palette (#FFE6FA, #A1BDFF, #33CC9D, #668CEB, #00402E)
• Worn Nightshade color palette (#F7E2F1, #758BE0, #A17200, #3846AF, #281900)
• Sunlit Byzantium Canyon color palette (#F4F4FF, #DEA7FF, #7BA600, #9000C5, #172300)
• Antique Cerulean Lantern color palette (#EFF6FF, #DED8E2, #B7AFA2, #409BBD, #313B53)
• Timeworn Parlor color palette (#EFF6FF, #90B9FF, #B17700, #758828, #081B34)

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