Dusty Sapphire color palette — #F0F5FF · #C6E784 · #5661B8 · #222561 · #020616

Royal Blue takes the lead with Lemon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lemon (#C6E784): A whisper-light, balanced green — the color of new leaves after rain.
• Royal Blue (#5661B8): A full-bodied, balanced violet — the color of wild irises.
• Navy (#222561): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020616): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

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

• Dusty Sapphire color palette (#EFF6FF, #FFCF94, #3766C0, #142C59, #00071A)
• Pewter Quarry color palette (#F2F5FF, #A8E0B7, #645A8F, #292048, #02030D)
• Airy Nightshade color palette (#F1F5FF, #86D084, #434498, #121238, #00000A)
• Patina Iris Boulevard color palette (#FFF0F8, #F4C869, #8C7CE0, #5B4E97, #27131E)
• Quiet Aubergine Workshop color palette (#EDF1FF, #CCA039, #4F2BA8, #22124D, #040617)
• Washed Mulberry color palette (#F6F3FF, #79DF78, #8B2680, #380033, #020007)
• Gentle Bloom color palette (#FFF0FA, #8EB134, #342AB1, #1A1C5A, #271222)
• Airy Studio color palette (#EAEDFF, #1EBD94, #47207C, #0C001F, #010008)

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