Roblox Website Dark Mode Color Pallete?

I know you can go into settings to look at the colors used in studio, but I couldn’t find anything similar on the Roblox website, most of the color pallets online are outdated. Does anyone have a up-to-date color pallete, that includes most, if not all of the colors used on the roblox website / creator website, thanks! :heart:

For anyone reading this in the future, heres what I found:

–scheme-type: dark;
–primary: #cbcbcb;
–secondary: #111217;
–tertiary: #2bb1ff;
–quaternary: #2bb1ff;
–header_background: #222;
–header_primary: #cbcbcb;
–highlight: #2bb1ff;
–danger: #f4645d;
–success: #00e87e;
–love: #fa6c8d;
–always-black-rgb: 0, 0, 0;
–primary-rgb: 203,203,203;
–primary-low-rgb: 44.66,44.66,44.66;
–primary-very-low-rgb: 36.54,36.54,36.54;
–secondary-rgb: 17,18,23;
–header_background-rgb: 34,34,34;
–tertiary-rgb: 43,177,255;
–primary-very-low: #252525;
–primary-low: #2d2d2d;
–primary-low-mid: #707070;
–primary-medium: #848484;
–primary-high: #989898;
–primary-very-high: #b7b7b7;
–primary-50: #252525;
–primary-100: #292929;
–primary-200: #2d2d2d;
–primary-300: #515151;
–primary-400: #707070;
–primary-500: #7a7a7a;
–primary-600: #848484;
–primary-700: #8e8e8e;
–primary-800: #989898;
–primary-900: #b7b7b7;
–header_primary-low: #484848;
–header_primary-low-mid: #7b7b7b;
–header_primary-medium: #989898;
–header_primary-high: #ababab;
–header_primary-very-high: #c1c1c1;
–secondary-low: #aeb1c3;
–secondary-medium: #787e9b;
–secondary-high: #4d5168;
–secondary-very-high: #1f212a;
–tertiary-very-low: #002f4b;
–tertiary-low: #004268;
–tertiary-medium: #0068a4;
–tertiary-high: #008de0;
–tertiary-hover: #55c1ff;
–tertiary-50: #002f4b;
–tertiary-100: #003553;
–tertiary-200: #003a5c;
–tertiary-300: #004268;
–tertiary-400: #004f7d;
–tertiary-500: #005a8f;
–tertiary-600: #0068a4;
–tertiary-700: #0075b9;
–tertiary-800: #0082ce;
–tertiary-900: #008de0;
–quaternary-low: #003959;
–highlight-low: #00263c;
–highlight-medium: #005586;
–highlight-high: #0da6ff;
–danger-low: #720d08;
–danger-low-mid: rgba(126,14,9,0.7);
–danger-medium: #cd170e;
–danger-hover: #f0281e;
–success-low: #005d32;
–success-medium: #008b4c;
–success-hover: #00ba65;
–love-low: #8a0524;
–wiki: green;
–blend-primary-secondary-5: #303133;
–primary-med-or-secondary-med: #787e9b;
–primary-med-or-secondary-high: #4d5168;
–primary-high-or-secondary-low: #aeb1c3;
–primary-low-mid-or-secondary-high: #4d5168;
–primary-low-mid-or-secondary-low: #aeb1c3;
–primary-or-primary-low-mid: #707070;
–highlight-low-or-medium: #005586;
–tertiary-or-tertiary-low: #004268;
–tertiary-low-or-tertiary-high: #008de0;
–tertiary-med-or-tertiary: #2bb1ff;
–secondary-or-primary: #cbcbcb;
–tertiary-or-white: #fff;
–facebook-or-white: #fff;
–twitter-or-white: #fff;
–hljs-comment: #bba;
–hljs-number: #aff;
–hljs-string: #f99;
–hljs-literal: #9ae;
–hljs-tag: #99f;
–hljs-attribute: #0ee;
–hljs-symbol: #fbe;
–hljs-bg: #333;
–hljs-builtin-name: #55c1ff;
–google: #fff;
–google-hover: #f2f2f2;
–instagram: #e1306c;
–instagram-hover: #ac194b;
–facebook: #1877f2;
–facebook-hover: #0a54b3;
–cas: #70ba61;
–twitter: #1da1f2;
–twitter-hover: #0c85d0;
–github: #100e0f;
–github-hover: #463e42;
–discord: #7289da;
–discord-hover: #4a67cf;
–gold: #e7c300;
–silver: silver;
–bronze: #cd7f32;

1 Like

If you’d like to know how to find out yourself, assuming you’re on a browser you can press shift + control/option + J.

A panel should appear on the screen, and at the tippity top of it theirs a button that saids “Elements”, clicking on that will take you to the HTML of the website, of which you can sift through it and see the colors, fonts, etc that the website use!


That or you can go find a website color picker and do that, cause well its much easier lol

Hope this helps some!

2 Likes

I can’t find any button that says “Elements”


I’m using the Zen Browser, which is built on firefox, and not chromium, if that changes anything.

It’s probably just a different key on zen, right clicking and selected “Inspect”, works the same.

Its probably cause of the browser youre using, I have no idea how it works, so idk if you can see the elements section sadly.

1 Like

I think there’s more icons so check this out and I don’t care why cost dollars but I downloaded freely before being real money price