← Back to Tools
Build bold ceremonial color schemes with deep opera crimson (#8C1D2C), warm ivory cream (#F4EADF), antique gold (#B08D57), and charcoal (#1F1F1F) for elegant theater-style contrast.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--deep-opera-crimson: #8C1D2C;
--deep-opera-crimson-50: #fff6f8;
--deep-opera-crimson-100: #ffebee;
--deep-opera-crimson-200: #ffd7dc;
--deep-opera-crimson-300: #f9bcc5;
--deep-opera-crimson-400: #eb98a6;
--deep-opera-crimson-500: #8C1D2C;
--deep-opera-crimson-600: #a84b5f;
--deep-opera-crimson-700: #7c2d3f;
--deep-opera-crimson-800: #4f1223;
--deep-opera-crimson-900: #28030c;
--deep-opera-crimson-950: #080001;
--warm-ivory-cream: #F4EADF;
--warm-ivory-cream-50: #fffffe;
--warm-ivory-cream-100: #fffefd;
--warm-ivory-cream-200: #fefdfb;
--warm-ivory-cream-300: #fefbf8;
--warm-ivory-cream-400: #fdf9f5;
--warm-ivory-cream-500: #F4EADF;
--warm-ivory-cream-600: #d3cfca;
--warm-ivory-cream-700: #96928e;
--warm-ivory-cream-800: #5c5a57;
--warm-ivory-cream-900: #2d2b2a;
--warm-ivory-cream-950: #090808;
--charcoal: #1F1F1F;
--charcoal-50: #f8f8f8;
--charcoal-100: #eeeeee;
--charcoal-200: #dadada;
--charcoal-300: #c0c0c0;
--charcoal-400: #9d9d9d;
--charcoal-500: #1F1F1F;
--charcoal-600: #515151;
--charcoal-700: #373737;
--charcoal-800: #1f1f1f;
--charcoal-900: #0b0b0b;
--charcoal-950: #010101;
--antique-gold: #B08D57;
--antique-gold-50: #fffcf8;
--antique-gold-100: #fdf9f1;
--antique-gold-200: #f9f2e4;
--antique-gold-300: #f4e8d3;
--antique-gold-400: #ebdbbd;
--antique-gold-500: #B08D57;
--antique-gold-600: #b8a582;
--antique-gold-700: #837355;
--antique-gold-800: #51452e;
--antique-gold-900: #282011;
--antique-gold-950: #070502;
--gray: #6B6F76;
--gray-50: #fbfcfc;
--gray-100: #f6f7f8;
--gray-200: #ecedef;
--gray-300: #dfe0e3;
--gray-400: #cdcfd3;
--gray-500: #6B6F76;
--gray-600: #919499;
--gray-700: #65676b;
--gray-800: #3c3e41;
--gray-900: #1b1c1e;
--gray-950: #040404;
}
$deep-opera-crimson: #8C1D2C; $deep-opera-crimson-50: #fff6f8; $deep-opera-crimson-100: #ffebee; $deep-opera-crimson-200: #ffd7dc; $deep-opera-crimson-300: #f9bcc5; $deep-opera-crimson-400: #eb98a6; $deep-opera-crimson-500: #8C1D2C; $deep-opera-crimson-600: #a84b5f; $deep-opera-crimson-700: #7c2d3f; $deep-opera-crimson-800: #4f1223; $deep-opera-crimson-900: #28030c; $deep-opera-crimson-950: #080001; $warm-ivory-cream: #F4EADF; $warm-ivory-cream-50: #fffffe; $warm-ivory-cream-100: #fffefd; $warm-ivory-cream-200: #fefdfb; $warm-ivory-cream-300: #fefbf8; $warm-ivory-cream-400: #fdf9f5; $warm-ivory-cream-500: #F4EADF; $warm-ivory-cream-600: #d3cfca; $warm-ivory-cream-700: #96928e; $warm-ivory-cream-800: #5c5a57; $warm-ivory-cream-900: #2d2b2a; $warm-ivory-cream-950: #090808; $charcoal: #1F1F1F; $charcoal-50: #f8f8f8; $charcoal-100: #eeeeee; $charcoal-200: #dadada; $charcoal-300: #c0c0c0; $charcoal-400: #9d9d9d; $charcoal-500: #1F1F1F; $charcoal-600: #515151; $charcoal-700: #373737; $charcoal-800: #1f1f1f; $charcoal-900: #0b0b0b; $charcoal-950: #010101; $antique-gold: #B08D57; $antique-gold-50: #fffcf8; $antique-gold-100: #fdf9f1; $antique-gold-200: #f9f2e4; $antique-gold-300: #f4e8d3; $antique-gold-400: #ebdbbd; $antique-gold-500: #B08D57; $antique-gold-600: #b8a582; $antique-gold-700: #837355; $antique-gold-800: #51452e; $antique-gold-900: #282011; $antique-gold-950: #070502; $gray: #6B6F76; $gray-50: #fbfcfc; $gray-100: #f6f7f8; $gray-200: #ecedef; $gray-300: #dfe0e3; $gray-400: #cdcfd3; $gray-500: #6B6F76; $gray-600: #919499; $gray-700: #65676b; $gray-800: #3c3e41; $gray-900: #1b1c1e; $gray-950: #040404;
colors: {
'deep-opera-crimson': {
50: '#fff6f8',
100: '#ffebee',
200: '#ffd7dc',
300: '#f9bcc5',
400: '#eb98a6',
500: '#8C1D2C',
600: '#a84b5f',
700: '#7c2d3f',
800: '#4f1223',
900: '#28030c',
950: '#080001',
DEFAULT: '#8C1D2C',
},
'warm-ivory-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fefdfb',
300: '#fefbf8',
400: '#fdf9f5',
500: '#F4EADF',
600: '#d3cfca',
700: '#96928e',
800: '#5c5a57',
900: '#2d2b2a',
950: '#090808',
DEFAULT: '#F4EADF',
},
'charcoal': {
50: '#f8f8f8',
100: '#eeeeee',
200: '#dadada',
300: '#c0c0c0',
400: '#9d9d9d',
500: '#1F1F1F',
600: '#515151',
700: '#373737',
800: '#1f1f1f',
900: '#0b0b0b',
950: '#010101',
DEFAULT: '#1F1F1F',
},
'antique-gold': {
50: '#fffcf8',
100: '#fdf9f1',
200: '#f9f2e4',
300: '#f4e8d3',
400: '#ebdbbd',
500: '#B08D57',
600: '#b8a582',
700: '#837355',
800: '#51452e',
900: '#282011',
950: '#070502',
DEFAULT: '#B08D57',
},
'gray': {
50: '#fbfcfc',
100: '#f6f7f8',
200: '#ecedef',
300: '#dfe0e3',
400: '#cdcfd3',
500: '#6B6F76',
600: '#919499',
700: '#65676b',
800: '#3c3e41',
900: '#1b1c1e',
950: '#040404',
DEFAULT: '#6B6F76',
},
},
[
{
"name": "deep-opera-crimson",
"harmony": "Palette",
"hex": "#8C1D2C",
"rgb": {
"r": 140,
"g": 29,
"b": 44
},
"hsl": {
"h": 352,
"s": 66,
"l": 33
},
"value": "#8C1D2C",
"tonalScale": {
"50": {
"hex": "#fff6f8",
"rgb": {
"r": 255,
"g": 246,
"b": 248
}
},
"100": {
"hex": "#ffebee",
"rgb": {
"r": 255,
"g": 235,
"b": 238
}
},
"200": {
"hex": "#ffd7dc",
"rgb": {
"r": 255,
"g": 215,
"b": 220
}
},
"300": {
"hex": "#f9bcc5",
"rgb": {
"r": 249,
"g": 188,
"b": 197
}
},
"400": {
"hex": "#eb98a6",
"rgb": {
"r": 235,
"g": 152,
"b": 166
}
},
"500": {
"hex": "#8C1D2C",
"rgb": {
"r": 140,
"g": 29,
"b": 44
}
},
"600": {
"hex": "#a84b5f",
"rgb": {
"r": 168,
"g": 75,
"b": 95
}
},
"700": {
"hex": "#7c2d3f",
"rgb": {
"r": 124,
"g": 45,
"b": 63
}
},
"800": {
"hex": "#4f1223",
"rgb": {
"r": 79,
"g": 18,
"b": 35
}
},
"900": {
"hex": "#28030c",
"rgb": {
"r": 40,
"g": 3,
"b": 12
}
},
"950": {
"hex": "#080001",
"rgb": {
"r": 8,
"g": 0,
"b": 1
}
}
}
},
{
"name": "warm-ivory-cream",
"harmony": "Palette",
"hex": "#F4EADF",
"rgb": {
"r": 244,
"g": 234,
"b": 223
},
"hsl": {
"h": 31,
"s": 49,
"l": 92
},
"value": "#F4EADF",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"300": {
"hex": "#fefbf8",
"rgb": {
"r": 254,
"g": 251,
"b": 248
}
},
"400": {
"hex": "#fdf9f5",
"rgb": {
"r": 253,
"g": 249,
"b": 245
}
},
"500": {
"hex": "#F4EADF",
"rgb": {
"r": 244,
"g": 234,
"b": 223
}
},
"600": {
"hex": "#d3cfca",
"rgb": {
"r": 211,
"g": 207,
"b": 202
}
},
"700": {
"hex": "#96928e",
"rgb": {
"r": 150,
"g": 146,
"b": 142
}
},
"800": {
"hex": "#5c5a57",
"rgb": {
"r": 92,
"g": 90,
"b": 87
}
},
"900": {
"hex": "#2d2b2a",
"rgb": {
"r": 45,
"g": 43,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "charcoal",
"harmony": "Palette",
"hex": "#1F1F1F",
"rgb": {
"r": 31,
"g": 31,
"b": 31
},
"hsl": {
"h": 0,
"s": 0,
"l": 12
},
"value": "#1F1F1F",
"tonalScale": {
"50": {
"hex": "#f8f8f8",
"rgb": {
"r": 248,
"g": 248,
"b": 248
}
},
"100": {
"hex": "#eeeeee",
"rgb": {
"r": 238,
"g": 238,
"b": 238
}
},
"200": {
"hex": "#dadada",
"rgb": {
"r": 218,
"g": 218,
"b": 218
}
},
"300": {
"hex": "#c0c0c0",
"rgb": {
"r": 192,
"g": 192,
"b": 192
}
},
"400": {
"hex": "#9d9d9d",
"rgb": {
"r": 157,
"g": 157,
"b": 157
}
},
"500": {
"hex": "#1F1F1F",
"rgb": {
"r": 31,
"g": 31,
"b": 31
}
},
"600": {
"hex": "#515151",
"rgb": {
"r": 81,
"g": 81,
"b": 81
}
},
"700": {
"hex": "#373737",
"rgb": {
"r": 55,
"g": 55,
"b": 55
}
},
"800": {
"hex": "#1f1f1f",
"rgb": {
"r": 31,
"g": 31,
"b": 31
}
},
"900": {
"hex": "#0b0b0b",
"rgb": {
"r": 11,
"g": 11,
"b": 11
}
},
"950": {
"hex": "#010101",
"rgb": {
"r": 1,
"g": 1,
"b": 1
}
}
}
},
{
"name": "antique-gold",
"harmony": "Palette",
"hex": "#B08D57",
"rgb": {
"r": 176,
"g": 141,
"b": 87
},
"hsl": {
"h": 36,
"s": 36,
"l": 52
},
"value": "#B08D57",
"tonalScale": {
"50": {
"hex": "#fffcf8",
"rgb": {
"r": 255,
"g": 252,
"b": 248
}
},
"100": {
"hex": "#fdf9f1",
"rgb": {
"r": 253,
"g": 249,
"b": 241
}
},
"200": {
"hex": "#f9f2e4",
"rgb": {
"r": 249,
"g": 242,
"b": 228
}
},
"300": {
"hex": "#f4e8d3",
"rgb": {
"r": 244,
"g": 232,
"b": 211
}
},
"400": {
"hex": "#ebdbbd",
"rgb": {
"r": 235,
"g": 219,
"b": 189
}
},
"500": {
"hex": "#B08D57",
"rgb": {
"r": 176,
"g": 141,
"b": 87
}
},
"600": {
"hex": "#b8a582",
"rgb": {
"r": 184,
"g": 165,
"b": 130
}
},
"700": {
"hex": "#837355",
"rgb": {
"r": 131,
"g": 115,
"b": 85
}
},
"800": {
"hex": "#51452e",
"rgb": {
"r": 81,
"g": 69,
"b": 46
}
},
"900": {
"hex": "#282011",
"rgb": {
"r": 40,
"g": 32,
"b": 17
}
},
"950": {
"hex": "#070502",
"rgb": {
"r": 7,
"g": 5,
"b": 2
}
}
}
},
{
"name": "gray",
"harmony": "Palette",
"hex": "#6B6F76",
"rgb": {
"r": 107,
"g": 111,
"b": 118
},
"hsl": {
"h": 218,
"s": 5,
"l": 44
},
"value": "#6B6F76",
"tonalScale": {
"50": {
"hex": "#fbfcfc",
"rgb": {
"r": 251,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f6f7f8",
"rgb": {
"r": 246,
"g": 247,
"b": 248
}
},
"200": {
"hex": "#ecedef",
"rgb": {
"r": 236,
"g": 237,
"b": 239
}
},
"300": {
"hex": "#dfe0e3",
"rgb": {
"r": 223,
"g": 224,
"b": 227
}
},
"400": {
"hex": "#cdcfd3",
"rgb": {
"r": 205,
"g": 207,
"b": 211
}
},
"500": {
"hex": "#6B6F76",
"rgb": {
"r": 107,
"g": 111,
"b": 118
}
},
"600": {
"hex": "#919499",
"rgb": {
"r": 145,
"g": 148,
"b": 153
}
},
"700": {
"hex": "#65676b",
"rgb": {
"r": 101,
"g": 103,
"b": 107
}
},
"800": {
"hex": "#3c3e41",
"rgb": {
"r": 60,
"g": 62,
"b": 65
}
},
"900": {
"hex": "#1b1c1e",
"rgb": {
"r": 27,
"g": 28,
"b": 30
}
},
"950": {
"hex": "#040404",
"rgb": {
"r": 4,
"g": 4,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 deep-opera-crimson,Palette,#8C1D2C,"rgb(140, 29, 44)","hsl(352, 66%, 33%)",#8C1D2C,#fff6f8,#ffebee,#ffd7dc,#f9bcc5,#eb98a6,#8C1D2C,#a84b5f,#7c2d3f,#4f1223,#28030c,#080001 warm-ivory-cream,Palette,#F4EADF,"rgb(244, 234, 223)","hsl(31, 49%, 92%)",#F4EADF,#fffffe,#fffefd,#fefdfb,#fefbf8,#fdf9f5,#F4EADF,#d3cfca,#96928e,#5c5a57,#2d2b2a,#090808 charcoal,Palette,#1F1F1F,"rgb(31, 31, 31)","hsl(0, 0%, 12%)",#1F1F1F,#f8f8f8,#eeeeee,#dadada,#c0c0c0,#9d9d9d,#1F1F1F,#515151,#373737,#1f1f1f,#0b0b0b,#010101 antique-gold,Palette,#B08D57,"rgb(176, 141, 87)","hsl(36, 36%, 52%)",#B08D57,#fffcf8,#fdf9f1,#f9f2e4,#f4e8d3,#ebdbbd,#B08D57,#b8a582,#837355,#51452e,#282011,#070502 gray,Palette,#6B6F76,"rgb(107, 111, 118)","hsl(218, 5%, 44%)",#6B6F76,#fbfcfc,#f6f7f8,#ecedef,#dfe0e3,#cdcfd3,#6B6F76,#919499,#65676b,#3c3e41,#1b1c1e,#040404
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 140 29 44 deep-opera-crimson 255 246 248 deep-opera-crimson-50 255 235 238 deep-opera-crimson-100 255 215 220 deep-opera-crimson-200 249 188 197 deep-opera-crimson-300 235 152 166 deep-opera-crimson-400 140 29 44 deep-opera-crimson-500 168 75 95 deep-opera-crimson-600 124 45 63 deep-opera-crimson-700 79 18 35 deep-opera-crimson-800 40 3 12 deep-opera-crimson-900 8 0 1 deep-opera-crimson-950 244 234 223 warm-ivory-cream 255 255 254 warm-ivory-cream-50 255 254 253 warm-ivory-cream-100 254 253 251 warm-ivory-cream-200 254 251 248 warm-ivory-cream-300 253 249 245 warm-ivory-cream-400 244 234 223 warm-ivory-cream-500 211 207 202 warm-ivory-cream-600 150 146 142 warm-ivory-cream-700 92 90 87 warm-ivory-cream-800 45 43 42 warm-ivory-cream-900 9 8 8 warm-ivory-cream-950 31 31 31 charcoal 248 248 248 charcoal-50 238 238 238 charcoal-100 218 218 218 charcoal-200 192 192 192 charcoal-300 157 157 157 charcoal-400 31 31 31 charcoal-500 81 81 81 charcoal-600 55 55 55 charcoal-700 31 31 31 charcoal-800 11 11 11 charcoal-900 1 1 1 charcoal-950 176 141 87 antique-gold 255 252 248 antique-gold-50 253 249 241 antique-gold-100 249 242 228 antique-gold-200 244 232 211 antique-gold-300 235 219 189 antique-gold-400 176 141 87 antique-gold-500 184 165 130 antique-gold-600 131 115 85 antique-gold-700 81 69 46 antique-gold-800 40 32 17 antique-gold-900 7 5 2 antique-gold-950 107 111 118 gray 251 252 252 gray-50 246 247 248 gray-100 236 237 239 gray-200 223 224 227 gray-300 205 207 211 gray-400 107 111 118 gray-500 145 148 153 gray-600 101 103 107 gray-700 60 62 65 gray-800 27 28 30 gray-900 4 4 4 gray-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.