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 hidden or 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