View source for Get Involved/design/design-system

<div style="display: flex; flex-wrap: wrap; gap: 10px;">

  <div style="flex: 1 1 calc(8.33% - 10px); min-width: 150px; height: 300px; background-color:#f9f9f9; border:1px solid #ccc; border-radius:20px; padding: 10px; text-align:left;">
    <hr>
    '''Name: gray-25'''<br />
    '''Group: Primary'''<br />
    '''HEX: #fbfcf'''<br />
    '''CMYK: (1%,1%,0%,0%)'''<br />
    '''RGB: (251,252,254)'''
  </div>

  <div style="flex: 1 1 calc(8.33% - 10px); min-width: 150px; height: 300px; background-color:#f9f9f9; border:1px solid #ccc; border-radius:20px; padding: 10px; text-align:left;">
    <hr>
    '''Name: gray-25'''<br />
    '''Group: Primary'''<br />
    '''HEX: #fbfcf'''<br />
    '''CMYK: (1%,1%,0%,0%)'''<br />
    '''RGB: (251,252,254)'''
  </div>

  <!-- Repeat as many boxes as needed -->

</div>