Dusty Sapphire color palette — #D2E6D7 · #9A7A00 · #2160F3 · #685100 · #000220

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D2E6D7): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#9A7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Blue (#2160F3): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#685100): A full-bodied, balanced gold — the color of old brass.
• Ink (#000220): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Amethyst Boulevard color palette (#C2E9D7, #868300, #7251DC, #5A5800, #07001E)
• Ultramarine Lagoon color palette (#D6F2DF, #7D6700, #234AC0, #443700, #000025)
• Faded Bronze color palette (#FDE0EC, #BB6400, #007BA7, #7F4200, #00070D)
• Wandering Delta color palette (#E5E1D0, #816E00, #007288, #863274, #020200)
• Olive Market color palette (#EFE0E7, #0088C1, #648400, #001C16, #000202)
• Dusty Sunflower color palette (#C3E8D8, #C6CC30, #9D90FD, #717500, #281F50)
• Ancient Lime color palette (#C6F3E9, #77C92D, #AF68E8, #3A6D00, #280141)
• Wandering Byzantium color palette (#DFF4F0, #50A926, #A836B6, #1C5000, #0F0012)

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