Last active
February 8, 2024 10:28
-
-
Save martin-ro/0def0b9ccdbd358b5df115213cc432d8 to your computer and use it in GitHub Desktop.
Tailwind CSS config derivet from Dieter Rams color palette
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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