Iris Studies Color Palette
Irises across the natural spectrum — icy to deep blue, pale to forest green, amber hazel, light to dark brown, and cool slate grey. Each band steps from a limbal-ring dark up to a catch-light pale, so a single eye can be painted straight from one column. The third piece, with skin and hair, of a complete portrait kit.
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 {
--natural-eye-colors-1: #CFE4EE;
--natural-eye-colors-2: #A9CFE0;
--natural-eye-colors-3: #7FB6D2;
--natural-eye-colors-4: #5A9CC0;
--natural-eye-colors-5: #3D7FA6;
--natural-eye-colors-6: #2A6184;
--natural-eye-colors-7: #CFE3C2;
--natural-eye-colors-8: #ABCF9C;
--natural-eye-colors-9: #86B873;
--natural-eye-colors-10: #639E54;
--natural-eye-colors-11: #487E3D;
--natural-eye-colors-12: #34602B;
--natural-eye-colors-13: #E4C79A;
--natural-eye-colors-14: #D2A971;
--natural-eye-colors-15: #BC8A4E;
--natural-eye-colors-16: #A06B33;
--natural-eye-colors-17: #825322;
--natural-eye-colors-18: #5E3C18;
--natural-eye-colors-19: #B9895C;
--natural-eye-colors-20: #9E6E44;
--natural-eye-colors-21: #835732;
--natural-eye-colors-22: #684324;
--natural-eye-colors-23: #4F3119;
--natural-eye-colors-24: #3A2412;
--natural-eye-colors-25: #D6DBDC;
--natural-eye-colors-26: #B5BDBF;
--natural-eye-colors-27: #94A0A2;
--natural-eye-colors-28: #737F82;
--natural-eye-colors-29: #566164;
--natural-eye-colors-30: #3B4346;
} SCSS
$natural-eye-colors-1: #CFE4EE;
$natural-eye-colors-2: #A9CFE0;
$natural-eye-colors-3: #7FB6D2;
$natural-eye-colors-4: #5A9CC0;
$natural-eye-colors-5: #3D7FA6;
$natural-eye-colors-6: #2A6184;
$natural-eye-colors-7: #CFE3C2;
$natural-eye-colors-8: #ABCF9C;
$natural-eye-colors-9: #86B873;
$natural-eye-colors-10: #639E54;
$natural-eye-colors-11: #487E3D;
$natural-eye-colors-12: #34602B;
$natural-eye-colors-13: #E4C79A;
$natural-eye-colors-14: #D2A971;
$natural-eye-colors-15: #BC8A4E;
$natural-eye-colors-16: #A06B33;
$natural-eye-colors-17: #825322;
$natural-eye-colors-18: #5E3C18;
$natural-eye-colors-19: #B9895C;
$natural-eye-colors-20: #9E6E44;
$natural-eye-colors-21: #835732;
$natural-eye-colors-22: #684324;
$natural-eye-colors-23: #4F3119;
$natural-eye-colors-24: #3A2412;
$natural-eye-colors-25: #D6DBDC;
$natural-eye-colors-26: #B5BDBF;
$natural-eye-colors-27: #94A0A2;
$natural-eye-colors-28: #737F82;
$natural-eye-colors-29: #566164;
$natural-eye-colors-30: #3B4346; Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'natural-eye-colors': {
'1': '#CFE4EE',
'2': '#A9CFE0',
'3': '#7FB6D2',
'4': '#5A9CC0',
'5': '#3D7FA6',
'6': '#2A6184',
'7': '#CFE3C2',
'8': '#ABCF9C',
'9': '#86B873',
'10': '#639E54',
'11': '#487E3D',
'12': '#34602B',
'13': '#E4C79A',
'14': '#D2A971',
'15': '#BC8A4E',
'16': '#A06B33',
'17': '#825322',
'18': '#5E3C18',
'19': '#B9895C',
'20': '#9E6E44',
'21': '#835732',
'22': '#684324',
'23': '#4F3119',
'24': '#3A2412',
'25': '#D6DBDC',
'26': '#B5BDBF',
'27': '#94A0A2',
'28': '#737F82',
'29': '#566164',
'30': '#3B4346',
},
},
},
},
}; JSON
{
"name": "Iris Studies",
"colors": [
"#CFE4EE",
"#A9CFE0",
"#7FB6D2",
"#5A9CC0",
"#3D7FA6",
"#2A6184",
"#CFE3C2",
"#ABCF9C",
"#86B873",
"#639E54",
"#487E3D",
"#34602B",
"#E4C79A",
"#D2A971",
"#BC8A4E",
"#A06B33",
"#825322",
"#5E3C18",
"#B9895C",
"#9E6E44",
"#835732",
"#684324",
"#4F3119",
"#3A2412",
"#D6DBDC",
"#B5BDBF",
"#94A0A2",
"#737F82",
"#566164",
"#3B4346"
]
} Hex list
#CFE4EE
#A9CFE0
#7FB6D2
#5A9CC0
#3D7FA6
#2A6184
#CFE3C2
#ABCF9C
#86B873
#639E54
#487E3D
#34602B
#E4C79A
#D2A971
#BC8A4E
#A06B33
#825322
#5E3C18
#B9895C
#9E6E44
#835732
#684324
#4F3119
#3A2412
#D6DBDC
#B5BDBF
#94A0A2
#737F82
#566164
#3B4346