US WDS Color System (for Figma)

Patrick Morgan
0 ratings

What is this?

An extensive color system for the web built as a Figma library and intended for re-use across projects (brands, websites, applications and more!).

What do I get?

  • 2 color wheels
    • 198 colors per wheel
  • 3x neutral gray color stacks (14 colors each)
  • 18 opacities
  • Palette builders for:
    • App theme & App state

Color wheels -> Standard & Vivid

Example color from Standard wheel

3 neutral gray stacks and absolutes (white & black)

Light and dark opacity stacks

Palette builder for applying system colors to a UI theme

Palette builder for applying system colors to application state

Other FAQs

How do I enable the colors for use in other files?

You'll need to publish the file as a shared library to use it across the other files in your Figma team. Please see the official Figma documentation on publishing libraries for more guidance.

Do you offer a guarantee?

Yep! If you feel you didn't get more value than you paid for, email me for a 100% refund within 14 days of your purchase.

Have other questions or feedback?

Message me at

I want this!
1.1 MB

US WDS Color System (for Figma)

0 ratings
I want this!