Skip to content

Instantly share code, notes, and snippets.

@luckyshot
Created March 2, 2021 23:50
Show Gist options
  • Save luckyshot/5abf48a396bc2b8d789d8b5199b97c8b to your computer and use it in GitHub Desktop.
Save luckyshot/5abf48a396bc2b8d789d8b5199b97c8b to your computer and use it in GitHub Desktop.
Dieter Rams (Braun) - CSS/SCSS Color Palette
/**
* Colours taken from Dieter Rams legendary production collection for Braun. Made by Chad Ashley.
* Source: http://blog.presentandcorrect.com/rams-palettes
* Demo: https://xaviesteve.com/pro/colorpalettes/
* Try it: https://xaviesteve.com/pro/sass-palette/
* Compiled by Xavi Esteve
*/
// DR06
$yellow: #ed8008;
$orange: #ed3f1c;
$red: #bf1b1b;
$green: #736b1e;
$grey: #d9d2c6;
// DR01
$blue: #aab7bf;
$brown: #736356;
$grey: #bfb1a8;
$red: #ad1d1d;
$black: #261201;
// DR03
$orange: #bf7c2a;
$brown-light: #c09c6f;
$brown-dark: #5f503e;
$grey: #9c9c9c;
$white: #e1e4e1;
// DR04
$green-dark: #84764b;
$green-light: #b7b183;
$black: #372e3d;
$grey: #bcb3a6;
$white: #dbd7d3;
@Lukaszeq
Copy link

Lukaszeq commented Dec 11, 2023

You literally did what I was about to do a second ago. Good job.

DR05 is also live on web and officially posted for free: https://imjustcreative.com/dieter-rams-braun/2023/10/20

Could you please make an update?

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