Back to Plugins
Asphalt - Color Grading (based on USWDS)

Asphalt - Color Grading (based on USWDS)

Grade any color with ease while being WCAG compliant!

contrastgradestokensaccessiibilitywcaguswdsgradepointcolor

Plugin Preview

Asphalt - Color Grading (based on USWDS) preview

About this plugin

Use this plugin to check the grade point for any color using its HEX value. It can also be used to get a list of suggested colors for a desired grade point.


How to use:

  • Input the HEX codes for the Foreground color.
  • Pick the desired grade you want a suggested shade in (optional)
  • Hit "Generate"


⚠️ For dark mode tokens, choose the desired grade in reverse, not from 0 but from 100. For example, the desired grade is 30 in light mode. It is five levels from 0. For dark mode, choose the fifth level from 100, which is 60.


This is based on the USWDS system of grading colors. With the help of 'magic numbers', you can use this system to ensure an accessible palette.


For any queries/feedback/suggestions feel free to leave a comment and we'll be happy to connect! 🚀

Plugin Details

Version20
CreatedJuly 29, 2022
Last UpdatedFebruary 9, 2023
CategoryUncategorized
CreatorKeith Vaz
Stats83 installs, 9 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.