Huet

 

Colors

gray
white
red
yellow
green
blue
purple

Nav

Home    About    Contact

Selectable

Click on one of the above blocks to select them

Form

✓ Username is available
Invalid email
By signing up you agree to the Terms and Conditions.

Alert

Hold up! We need to notify you about something.
Click this link to find out more.
✕
Hold up! We need to notify you about something.
Click this link to find out more.
✕
Hold up! We need to notify you about something.
Click this link to find out more.
✕
Hold up! We need to notify you about something.
Click this link to find out more.
✕
Hold up! We need to notify you about something.
Click this link to find out more.
✕

Code

function Purple({ children }) {
  return (
-   <Block contrast="fg=100-purple">
+   <Block as="span" contrast="fg=100-purple">
      {children}
    </Block>
  );
}

SVG Chart

Note: The above chart might not be accessible to people with color blindness.