Berry Jam Color Palette
A jar of mixed-berry jam: raspberry red, blackberry, blueberry-purple, and deep plum over a cream base. Saturated and fruity with a cozy, preserved richness. For food and packaging design, autumn-fruit illustration, and rich berry-toned branding.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--berry-jam-1: #EEE2D2;
--berry-jam-2: #E2D0B8;
--berry-jam-3: #D3BC9C;
--berry-jam-4: #C2A680;
--berry-jam-5: #B08F66;
--berry-jam-6: #9D794F;
--berry-jam-7: #B23A52;
--berry-jam-8: #A23249;
--berry-jam-9: #922A40;
--berry-jam-10: #812338;
--berry-jam-11: #701D2F;
--berry-jam-12: #5F1726;
--berry-jam-13: #5E2A4A;
--berry-jam-14: #542442;
--berry-jam-15: #4A1F3A;
--berry-jam-16: #401A32;
--berry-jam-17: #36152A;
--berry-jam-18: #2C1022;
--berry-jam-19: #3A2E5A;
--berry-jam-20: #332852;
--berry-jam-21: #2C234A;
--berry-jam-22: #251E40;
--berry-jam-23: #1E1836;
--berry-jam-24: #17132C;
--berry-jam-25: #D06E88;
--berry-jam-26: #C25C7A;
--berry-jam-27: #B34B6C;
--berry-jam-28: #A23C5E;
--berry-jam-29: #902F50;
--berry-jam-30: #7D2342;
}SCSS
$berry-jam-1: #EEE2D2;
$berry-jam-2: #E2D0B8;
$berry-jam-3: #D3BC9C;
$berry-jam-4: #C2A680;
$berry-jam-5: #B08F66;
$berry-jam-6: #9D794F;
$berry-jam-7: #B23A52;
$berry-jam-8: #A23249;
$berry-jam-9: #922A40;
$berry-jam-10: #812338;
$berry-jam-11: #701D2F;
$berry-jam-12: #5F1726;
$berry-jam-13: #5E2A4A;
$berry-jam-14: #542442;
$berry-jam-15: #4A1F3A;
$berry-jam-16: #401A32;
$berry-jam-17: #36152A;
$berry-jam-18: #2C1022;
$berry-jam-19: #3A2E5A;
$berry-jam-20: #332852;
$berry-jam-21: #2C234A;
$berry-jam-22: #251E40;
$berry-jam-23: #1E1836;
$berry-jam-24: #17132C;
$berry-jam-25: #D06E88;
$berry-jam-26: #C25C7A;
$berry-jam-27: #B34B6C;
$berry-jam-28: #A23C5E;
$berry-jam-29: #902F50;
$berry-jam-30: #7D2342;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'berry-jam': {
'1': '#EEE2D2',
'2': '#E2D0B8',
'3': '#D3BC9C',
'4': '#C2A680',
'5': '#B08F66',
'6': '#9D794F',
'7': '#B23A52',
'8': '#A23249',
'9': '#922A40',
'10': '#812338',
'11': '#701D2F',
'12': '#5F1726',
'13': '#5E2A4A',
'14': '#542442',
'15': '#4A1F3A',
'16': '#401A32',
'17': '#36152A',
'18': '#2C1022',
'19': '#3A2E5A',
'20': '#332852',
'21': '#2C234A',
'22': '#251E40',
'23': '#1E1836',
'24': '#17132C',
'25': '#D06E88',
'26': '#C25C7A',
'27': '#B34B6C',
'28': '#A23C5E',
'29': '#902F50',
'30': '#7D2342',
},
},
},
},
};JSON
{
"name": "Berry Jam",
"colors": [
"#EEE2D2",
"#E2D0B8",
"#D3BC9C",
"#C2A680",
"#B08F66",
"#9D794F",
"#B23A52",
"#A23249",
"#922A40",
"#812338",
"#701D2F",
"#5F1726",
"#5E2A4A",
"#542442",
"#4A1F3A",
"#401A32",
"#36152A",
"#2C1022",
"#3A2E5A",
"#332852",
"#2C234A",
"#251E40",
"#1E1836",
"#17132C",
"#D06E88",
"#C25C7A",
"#B34B6C",
"#A23C5E",
"#902F50",
"#7D2342"
]
}Hex list
#EEE2D2
#E2D0B8
#D3BC9C
#C2A680
#B08F66
#9D794F
#B23A52
#A23249
#922A40
#812338
#701D2F
#5F1726
#5E2A4A
#542442
#4A1F3A
#401A32
#36152A
#2C1022
#3A2E5A
#332852
#2C234A
#251E40
#1E1836
#17132C
#D06E88
#C25C7A
#B34B6C
#A23C5E
#902F50
#7D2342