Skip to content

Instantly share code, notes, and snippets.

@martin-ro
Last active February 8, 2024 10:28
Show Gist options
  • Save martin-ro/0def0b9ccdbd358b5df115213cc432d8 to your computer and use it in GitHub Desktop.
Save martin-ro/0def0b9ccdbd358b5df115213cc432d8 to your computer and use it in GitHub Desktop.
Tailwind CSS config derivet from Dieter Rams color palette
// DR06
yellowDR06: '#ed8008',
'gold-drop': {
'50': '#fff9eb',
'100': '#feedc7',
'200': '#fedb89',
'300': '#fdc24c',
'400': '#fda922',
'500': '#ed8008',
'600': '#db6104',
'700': '#b54108',
'800': '#93320d',
'900': '#792a0e',
'950': '#451303',
},
orangeDR06: '#ed3f1c',
'pomegranate': {
'50': '#fef3ee',
'100': '#fde4d7',
'200': '#fac5ae',
'300': '#f69c7b',
'400': '#f16a46',
'500': '#ed3f1c',
'600': '#df2c17',
'700': '#b91d15',
'800': '#931919',
'900': '#771917',
'950': '#400a0b',
},
redDR06: '#bf1b1b',
'monza': {
'50': '#fef2f2',
'100': '#fee2e2',
'200': '#ffc9c9',
'300': '#fda4a4',
'400': '#f97070',
'500': '#f14242',
'600': '#de2424',
'700': '#bf1b1b',
'800': '#9a1a1a',
'900': '#801c1c',
'950': '#460909',
},
greenDR06: '#736b1e',
'olivetone': {
'50': '#fbf7ea',
'100': '#f6efd1',
'200': '#ede1a9',
'300': '#e0cf76',
'400': '#d0bc4b',
'500': '#b5a42d',
'600': '#908320',
'700': '#736b1e',
'800': '#58521c',
'900': '#4b481c',
'950': '#29280a',
},
greyDR06: '#d9d2c6',
'swirl': {
'50': '#f8f6f4',
'100': '#eeece6',
'200': '#d9d2c6',
'300': '#c7bcaa',
'400': '#af9e88',
'500': '#9f8870',
'600': '#927864',
'700': '#7a6354',
'800': '#645248',
'900': '#52443c',
'950': '#2b231f',
},
// DR01
blueDR01: '#aab7bf',
'hit-gray': {
'50': '#f6f7f8',
'100': '#eaedef',
'200': '#dae0e3',
'300': '#c0cbd0',
'400': '#aab7bf',
'500': '#8a9aa7',
'600': '#798797',
'700': '#6c7989',
'800': '#5c6571',
'900': '#4c535c',
'950': '#31353a',
},
brownDR01: '#736356',
'pine-cone': {
'50': '#f5f3f1',
'100': '#e5e2dc',
'200': '#cdc7bb',
'300': '#b0a594',
'400': '#998a76',
'500': '#8a7a68',
'600': '#736356',
'700': '#605148',
'800': '#524641',
'900': '#493e3a',
'950': '#29211f',
},
greyDR01: '#bfb1a8',
'silk': {
'50': '#f9f8f7',
'100': '#f2f0ee',
'200': '#e8e3e0',
'300': '#d8cfc9',
'400': '#bfb1a8',
'500': '#a8968b',
'600': '#907e72',
'700': '#78685d',
'800': '#65584f',
'900': '#564c46',
'950': '#2c2723',
},
redDR01: '#ad1d1d',
'mexican-red': {
'50': '#fef2f2',
'100': '#fee2e2',
'200': '#fdcbcb',
'300': '#fba6a6',
'400': '#f67373',
'500': '#ec4747',
'600': '#d92929',
'700': '#ad1d1d',
'800': '#971d1d',
'900': '#7d1f1f',
'950': '#440b0b',
},
blackDR01: '#261201',
'kilamanjaro': {
DEFAULT: '#261201',
50: '#D96706',
100: '#C55D05',
200: '#9D4A04',
300: '#763803',
400: '#4E2502',
500: '#261201',
600: '#000000',
700: '#000000',
800: '#000000',
900: '#000000',
950: '#000000'
},
// DR03
orangeDR03: '#bf7c2a',
'brandy-punch': {
'50': '#fcf9ee',
'100': '#f5efd0',
'200': '#eadc9d',
'300': '#e0c669',
'400': '#d8b247',
'500': '#cf9631',
'600': '#bf7c2a',
'700': '#985925',
'800': '#7d4623',
'900': '#673b20',
'950': '#3a1e0e',
},
brownLightDR03: '#c09c6f',
'twine': {
'50': '#faf7f2',
'100': '#f3ede1',
'200': '#e5d9c3',
'300': '#d4bf9d',
'400': '#c09c6f',
'500': '#b68959',
'600': '#a8764e',
'700': '#8c6042',
'800': '#724e3a',
'900': '#5d4131',
'950': '#312119',
},
brownDarkDR03: '#5f503e',
'judge-gray': {
'50': '#f6f5f0',
'100': '#e8e7d9',
'200': '#d3cfb5',
'300': '#bab38a',
'400': '#a59a6a',
'500': '#96895c',
'600': '#81714d',
'700': '#685940',
'800': '#5f503e',
'900': '#4e4135',
'950': '#2c231c',
},
greyDR03: '#9c9c9c',
'star-dust': {
'50': '#f7f7f7',
'100': '#ededed',
'200': '#dfdfdf',
'300': '#c8c8c8',
'400': '#adadad',
'500': '#9c9c9c',
'600': '#888888',
'700': '#7b7b7b',
'800': '#676767',
'900': '#545454',
'950': '#363636',
},
whiteDR03: '#e1e4e1',
'gray-nurse': {
'50': '#f7f8f7',
'100': '#eef0ee',
'200': '#e1e4e1',
'300': '#b9c0b9',
'400': '#939d93',
'500': '#758275',
'600': '#5f6a5f',
'700': '#4e564e',
'800': '#424a42',
'900': '#3a403a',
'950': '#272a27',
},
// DR04
greenDarkDR04: '#84764b',
'shadow-dr': {
'50': '#f6f6f0',
'100': '#e9e9d8',
'200': '#d5d4b3',
'300': '#bcb888',
'400': '#a8a067',
'500': '#998f59',
'600': '#84764b',
'700': '#6a5b3e',
'800': '#5b4e38',
'900': '#4f4334',
'950': '#2d241b',
},
greenLightDR04: '#b7b183',
'hillary': {
'50': '#f8f8f4',
'100': '#f0f0e4',
'200': '#e0dfc8',
'300': '#cbc9a6',
'400': '#b7b183',
'500': '#a79d68',
'600': '#9a8c5c',
'700': '#80724e',
'800': '#695e43',
'900': '#564d38',
'950': '#2d271d',
},
blackDR04: '#372e3d',
'blackcurrant': {
'50': '#f6f4f9',
'100': '#eeebf4',
'200': '#dfdaeb',
'300': '#cdc4dd',
'400': '#bbabce',
'500': '#ab95bf',
'600': '#997ead',
'700': '#876b97',
'800': '#6d587b',
'900': '#594b64',
'950': '#372e3d',
},
greyDR04: '#bcb3a6',
'nomad': {
'50': '#f7f6f5',
'100': '#edeae7',
'200': '#dad5ce',
'300': '#bcb3a6',
'400': '#a99c8e',
'500': '#988877',
'600': '#8b796b',
'700': '#74635a',
'800': '#60534c',
'900': '#4f443f',
'950': '#292421',
},
whiteDR04: '#dbd7d3',
'timberwolf': {
'50': '#f7f6f5',
'100': '#eceae8',
'200': '#dbd7d3',
'300': '#c0b8b1',
'400': '#a59a92',
'500': '#93847c',
'600': '#867670',
'700': '#70625e',
'800': '#5d534f',
'900': '#4c4442',
'950': '#282322',
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment