Scribd
Upload
24 views1 page

Color Palette for FDS Design System

Uploaded by

jeluzadrian07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
24 views1 page

Color Palette for FDS Design System

Uploaded by

jeluzadrian07
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

-fds-gray-00: #F5F6F7;

--fds-gray-05: #F2F3F5;
--fds-gray-10: #EBEDF0;
--fds-gray-20: #DADDE1;
--fds-gray-25: #CCD0D5;
--fds-gray-30: #BEC3C9;
--fds-gray-45: #8D949E;
--fds-gray-70: #606770;
--fds-gray-80: #444950;
--fds-gray-90: #303338;
--fds-gray-100: #1C1E21;

--fds-blue-05: #ECF3FF;
--fds-blue-30: #AAC9FF;
--fds-blue-40: #77A7FF;
--fds-blue-60: #1877F2;
--fds-blue-70: #2851A3;
--fds-blue-80: #1D3C78;

fds-red-55: #FA383E;
fds-green-55: #00A400;

--fds-highlight: #3578E5;
--focus-ring-blue: #1D85FC;

--progress-ring-disabled-foreground: #7A7D82;

--fds-dark-mode-gray-35: #CCCCCC;
--fds-dark-mode-gray-50: #828282;
--fds-dark-mode-gray-70: #4A4A4A;
--fds-dark-mode-gray-80: #373737;
--fds-dark-mode-gray-90: #282828;
--fds-dark-mode-gray-100: #1C1C1C;

You might also like