Persimmon & Jade Color Palette
Built from the 2026 trend forecast — fiery persimmon and rich jade as the headliners, balanced by deep plum-noir, punchy wasabi, and a grounding cool blue. Full-volume and confident, the warm orange-red and cool green playing off each other for instant contrast. For of-the-moment campaigns, bold branding, and editorial color-blocking.
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 {
--persimmon-and-jade-1: #E86F4C;
--persimmon-and-jade-2: #DD6242;
--persimmon-and-jade-3: #D15539;
--persimmon-and-jade-4: #BF4A31;
--persimmon-and-jade-5: #A93F2A;
--persimmon-and-jade-6: #933523;
--persimmon-and-jade-7: #2FA383;
--persimmon-and-jade-8: #289376;
--persimmon-and-jade-9: #22836A;
--persimmon-and-jade-10: #1C735D;
--persimmon-and-jade-11: #176350;
--persimmon-and-jade-12: #125343;
--persimmon-and-jade-13: #4A2E44;
--persimmon-and-jade-14: #42283D;
--persimmon-and-jade-15: #3A2236;
--persimmon-and-jade-16: #321C2F;
--persimmon-and-jade-17: #2A1728;
--persimmon-and-jade-18: #221221;
--persimmon-and-jade-19: #A8B24E;
--persimmon-and-jade-20: #98A344;
--persimmon-and-jade-21: #88943A;
--persimmon-and-jade-22: #788530;
--persimmon-and-jade-23: #687628;
--persimmon-and-jade-24: #586720;
--persimmon-and-jade-25: #3E7CB0;
--persimmon-and-jade-26: #356E9F;
--persimmon-and-jade-27: #2D608E;
--persimmon-and-jade-28: #25527C;
--persimmon-and-jade-29: #1E456A;
--persimmon-and-jade-30: #173858;
}SCSS
$persimmon-and-jade-1: #E86F4C;
$persimmon-and-jade-2: #DD6242;
$persimmon-and-jade-3: #D15539;
$persimmon-and-jade-4: #BF4A31;
$persimmon-and-jade-5: #A93F2A;
$persimmon-and-jade-6: #933523;
$persimmon-and-jade-7: #2FA383;
$persimmon-and-jade-8: #289376;
$persimmon-and-jade-9: #22836A;
$persimmon-and-jade-10: #1C735D;
$persimmon-and-jade-11: #176350;
$persimmon-and-jade-12: #125343;
$persimmon-and-jade-13: #4A2E44;
$persimmon-and-jade-14: #42283D;
$persimmon-and-jade-15: #3A2236;
$persimmon-and-jade-16: #321C2F;
$persimmon-and-jade-17: #2A1728;
$persimmon-and-jade-18: #221221;
$persimmon-and-jade-19: #A8B24E;
$persimmon-and-jade-20: #98A344;
$persimmon-and-jade-21: #88943A;
$persimmon-and-jade-22: #788530;
$persimmon-and-jade-23: #687628;
$persimmon-and-jade-24: #586720;
$persimmon-and-jade-25: #3E7CB0;
$persimmon-and-jade-26: #356E9F;
$persimmon-and-jade-27: #2D608E;
$persimmon-and-jade-28: #25527C;
$persimmon-and-jade-29: #1E456A;
$persimmon-and-jade-30: #173858;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'persimmon-and-jade': {
'1': '#E86F4C',
'2': '#DD6242',
'3': '#D15539',
'4': '#BF4A31',
'5': '#A93F2A',
'6': '#933523',
'7': '#2FA383',
'8': '#289376',
'9': '#22836A',
'10': '#1C735D',
'11': '#176350',
'12': '#125343',
'13': '#4A2E44',
'14': '#42283D',
'15': '#3A2236',
'16': '#321C2F',
'17': '#2A1728',
'18': '#221221',
'19': '#A8B24E',
'20': '#98A344',
'21': '#88943A',
'22': '#788530',
'23': '#687628',
'24': '#586720',
'25': '#3E7CB0',
'26': '#356E9F',
'27': '#2D608E',
'28': '#25527C',
'29': '#1E456A',
'30': '#173858',
},
},
},
},
};JSON
{
"name": "Persimmon & Jade",
"colors": [
"#E86F4C",
"#DD6242",
"#D15539",
"#BF4A31",
"#A93F2A",
"#933523",
"#2FA383",
"#289376",
"#22836A",
"#1C735D",
"#176350",
"#125343",
"#4A2E44",
"#42283D",
"#3A2236",
"#321C2F",
"#2A1728",
"#221221",
"#A8B24E",
"#98A344",
"#88943A",
"#788530",
"#687628",
"#586720",
"#3E7CB0",
"#356E9F",
"#2D608E",
"#25527C",
"#1E456A",
"#173858"
]
}Hex list
#E86F4C
#DD6242
#D15539
#BF4A31
#A93F2A
#933523
#2FA383
#289376
#22836A
#1C735D
#176350
#125343
#4A2E44
#42283D
#3A2236
#321C2F
#2A1728
#221221
#A8B24E
#98A344
#88943A
#788530
#687628
#586720
#3E7CB0
#356E9F
#2D608E
#25527C
#1E456A
#173858