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

iris paintingportraitscharacter eyesclose-up detail

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

Related palettes

Copied