How to Use the color?

Below is a simple example of instructions for a popup page that guides users on how to copy a color and add it to the main page:

Explore the Video Guide
Color Copy Instructions
  1. On the Style Guide page, find the color you want to use For Your theme.
  2. Select "Copy Color" from the Color button.
  3. Navigate to the main page where you want to add the color.
  4. Right-click on the desired section of the main page.
  5. Choose "Paste Color" from the menu to apply the copied color.
  6. Ensure that the color has been successfully pasted and integrated into the selected section.
  7. If satisfied with the color, save your changes on the main page.

Feel free to customize the instructions based on the design and functionality of your application.

UI Color Combinations

Primary
#CDA274
Copied!
Secondary
#292f36
Copied!
TerTIARY
#FAF6F1
Copied!
Text
#FAF6F1
Copied!
Background
#EFF0F2
Copied!
Paragraph
#4B5563
Copied!
Verdigris + Monochromatic
Primary
#3AA39F
Copied!
Secondary
#002A2C
Copied!
Tertiary
#EDF3F3
Copied!
Text
#292F36
Copied!
Background
#E6EEEF
Copied!
Paragraph
#4B5563
Copied!
Primary
#575666
Copied!
Secondary
#302F3A
Copied!
Tertiary
#DCDCDA
Copied!
Text
#00000
Copied!
Background
#E5E5E5
Copied!
Paragraph
#727087
Copied!
Bitter + Dark Green
Primary
#808469
Copied!
Secondary
#263300
Copied!
Tertiary
#ECEDE9
Copied!
Text
#000000
Copied!
Background
#ECEDE9
Copied!
Paragraph
#77726D
Copied!
Shade + Fluorescent
Primary
#711C02
Copied!
Secondary
#292f36
Copied!
TerTIARY
#D7C6BF
Copied!
Text
#000000
Copied!
Background
#F1E8E6
Copied!
Paragraph
#77726D
Copied!