Skip to content

Instantly share code, notes, and snippets.

@lnksz
Last active October 27, 2024 19:26
Show Gist options
  • Save lnksz/51e3566af2df5c7aa678cd4dfc8305f7 to your computer and use it in GitHub Desktop.
Save lnksz/51e3566af2df5c7aa678cd4dfc8305f7 to your computer and use it in GitHub Desktop.
INOFFICIAL RGB and HEX color codes of TUM colors

INOFFICIAL Colors for Presentation (from 2017)

Name HEX RGB
Main colors
#0065bd TUMBlue #0065bd 0,101,189
#000000 Black #000000 0,0,0
#ffffff White #ffffff 255,255,255
Secondaries
#005293 DarkBlue #005293 0,82,147
#64a0c8 LightBlue #64a0c8 100,160,200
#98c6ea LighterBlue #98c6ea 152,198,234
#999999 Gray #999999 153,153,153
Emphasis
#e37222 Orange #e37222 227,114,34
#a2ad00 Green #a2ad00 162,173,0
#dad7cb LightGray #dad7cb 218,215,203

INOFFICIAL TUM web colors (from 2022)

Name HEX RGB
#3070B3 tum-blue-brand #3070B3 (48, 112, 179)
#072140 tum-blue-dark #072140 (7, 33, 64)
#0A2D57 tum-blue-dark-1 #0A2D57 (10, 45, 87)
#0E396E tum-blue-dark-2 #0E396E (14, 57, 110)
#114584 tum-blue-dark-3 #114584 (17, 69, 132)
#14519A tum-blue-dark-4 #14519A (20, 81, 154)
#165DB1 tum-blue-dark-5 #165DB1 (22, 93, 177)
#5E94D4 tum-blue-light #5E94D4 (94, 148, 212)
#9ABCE4 tum-blue-light-dark #9ABCE4 (154, 188, 228)
#C2D7EF tum-blue-light-2 #C2D7EF (194, 215, 239)
#D7E4F4 tum-blue-light-3 #D7E4F4 (215, 228, 244)
#E3EEFA tum-blue-light-4 #E3EEFA (227, 238, 250)
#F0F5FA tum-blue-light-5 #F0F5FA (240, 245, 250)
#FED702 tum-yellow #FED702 (254, 215, 2)
#CBAB01 tum-yellow-dark #CBAB01 (203, 171, 1)
#FEDE34 tum-yellow-1 #FEDE34 (254, 222, 52)
#FEE667 tum-yellow-2 #FEE667 (254, 230, 103)
#FEEE9A tum-yellow-3 #FEEE9A (254, 238, 154)
#FEF6CD tum-yellow-4 #FEF6CD (254, 246, 205)
#F7811E tum-orange #F7811E (247, 129, 30)
#D99208 tum-orange-dark #D99208 (217, 146, 8)
#F9BF4E tum-orange-1 #F9BF4E (249, 191, 78)
#FAD080 tum-orange-2 #FAD080 (250, 208, 128)
#FCE2B0 tum-orange-3 #FCE2B0 (252, 226, 176)
#FEF4E1 tum-orange-4 #FEF4E1 (254, 244, 225)
#B55CA5 tum-pink #B55CA5 (181, 92, 165)
#9B468D tum-pink-dark #9B468D (155, 70, 141)
#C680BB tum-pink-1 #C680BB (198, 128, 187)
#D6A4CE tum-pink-2 #D6A4CE (214, 164, 206)
#E6C7E1 tum-pink-3 #E6C7E1 (230, 199, 225)
#F6EAF4 tum-pink-4 #F6EAF4 (246, 234, 244)
#8F81EA tum-blue-bright #8F81EA (143, 129, 234)
#6955E2 tum-blue-bright-dark #6955E2 (105, 85, 226)
#B6ACF1 tum-blue-bright-1 #B6ACF1 (182, 172, 241)
#C9C2F5 tum-blue-bright-2 #C9C2F5 (201, 194, 245)
#DCD8F9 tum-blue-bright-3 #DCD8F9 (220, 216, 249)
#EFEDFC tum-blue-bright-4 #EFEDFC (239, 237, 252)
#EA7237 tum-red #EA7237 (234, 114, 55)
#D95117 tum-red-dark #D95117 (217, 81, 23)
#EF9067 tum-red-1 #EF9067 (239, 144, 103)
#F3B295 tum-red-2 #F3B295 (243, 178, 149)
#F6C2AC tum-red-3 #F6C2AC (246, 194, 172)
#FBEADA tum-red-4 #FBEADA (251, 234, 218)
#9FBA36 tum-green #9FBA36 (159, 186, 54)
#7D922A tum-green-dark #7D922A (125, 146, 42)
#B6CE55 tum-green-1 #B6CE55 (182, 206, 85)
#C7D97D tum-green-2 #C7D97D (199, 217, 125)
#D8E5A4 tum-green-3 #D8E5A4 (216, 229, 164)
#E9F1CB tum-green-4 #E9F1CB (233, 241, 203)
#20252A tum-grey-1 #20252A (32, 37, 42)
#333A41 tum-grey-2 #333A41 (51, 58, 65)
#475058 tum-grey-3 #475058 (71, 80, 88)
#6A757E tum-grey-4 #6A757E (106, 117, 126)
#DDE2E6 tum-grey-7 #DDE2E6 (221, 226, 230)
#EBECEF tum-grey-8 #EBECEF (235, 236, 239)
#FBF9FA tum-grey-9 #FBF9FA (251, 249, 250)
#FFFFFF tum-white #FFFFFF (255, 255, 255)

GIMP Palette

https://github.com/DoeringChristian/color-palettes/blob/main/TUM.gpl

@COM8
Copy link

COM8 commented Sep 7, 2022

Colours

Here the new colour scheme for the new TUM website.

@lnksz
Copy link
Author

lnksz commented Sep 8, 2022

I guess now for people with myTUM access these websites provide the official templates and all: https://www.it.tum.de/it/faq/it-dienste/medien/corporate-design/wo-finde-ich-die-vorlagen-fuer-das-tum-corporate-design/

@lnksz
Copy link
Author

lnksz commented Sep 8, 2022

Colours

Here the new colour scheme for the new TUM website.

I added the colors from your image

@domajstorovic
Copy link

I guess now for people with myTUM access these websites provide the official templates and all: https://www.it.tum.de/it/faq/it-dienste/medien/corporate-design/wo-finde-ich-die-vorlagen-fuer-das-tum-corporate-design/

Even with myTUM access, I prefer this. Thanks!

@WilliGil
Copy link

WilliGil commented Jun 9, 2023

Thx !

@DoeringChristian
Copy link

I have copied the color palette into a gimp color palette, so it can be used with Inkscape.
This might be useful for some, who want to create diagrams for presentations or papers/thesis.
TUM color palette

@OliEfr
Copy link

OliEfr commented Sep 18, 2023

TipTop!

@lnksz
Copy link
Author

lnksz commented Jul 22, 2024

From TUM:

I am reaching out to you regarding one of your gists at https://gist.github.com/lnksz/51e3566af2df5c7aa678cd4dfc8305f7. The colors you posted there, labeled as "TUM web colors (from 2022)," have not been officially released nor validated for accessibility yet.

I understand that documenting the TUM Colors and adding a GIMP palette took you time and effort. Still, the TUM Colors should not be used without the official guidelines.

Thus, I kindly ask you to remove these colors from your gist. The current official colors with guidelines can be found here: https://portal.mytum.de/corporatedesign/index_html/vorlagen/index_farben.

This request comes from the TUM Web Communications Team, who advised me to contact you directly. If you have any questions regarding the colors, the rules, or the reasons behind this request, please reach out to Fiorina Sch*** at ***

So please prefer the official sources.
I will still leave this community effort here as a simple community listing of colors.

@DoeringChristian
Copy link

From TUM:

I am reaching out to you regarding one of your gists at https://gist.github.com/lnksz/51e3566af2df5c7aa678cd4dfc8305f7. The colors you posted there, labeled as "TUM web colors (from 2022)," have not been officially released nor validated for accessibility yet.
I understand that documenting the TUM Colors and adding a GIMP palette took you time and effort. Still, the TUM Colors should not be used without the official guidelines.
Thus, I kindly ask you to remove these colors from your gist. The current official colors with guidelines can be found here: https://portal.mytum.de/corporatedesign/index_html/vorlagen/index_farben.
This request comes from the TUM Web Communications Team, who advised me to contact you directly. If you have any questions regarding the colors, the rules, or the reasons behind this request, please reach out to Fiorina Sch*** at ***

So please prefer the official sources. I will still leave this community effort here as a simple community listing of colors.

Hey @lnksz ,

I just wanted to ask if you discussed the name change with the Web Communication Team and if that is sufficient in their eyes?
As the gimp palette has explicitly been mentioned I'm wondering if I should take it down, to not face any legal consequences.

@lnksz
Copy link
Author

lnksz commented Jul 23, 2024

sent a mail, will let you know when I get a response.

@CommanderStorm
Copy link

As TUMs IT Management, we deffinitvely need a reference that is public.
This gist solves this need.

If the colors are bad, CCC should not use them or update the colors.
The colors come from webcomunications themselves:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment