Greenhouse to Wasabi Nori Color Palette

About this palette

Greenhouse to Wasabi Nori is a 5-color warm, vintage palette: #425D1A (Greenhouse), #64AADB (Acapulco Dive), #F8A3B8 (Ballet Slippers), #AF596C (Hot Flamingo), #2E3100 (Wasabi Nori). It mixes green, blue, pink, red tones and feels warm overall. The strongest text pairing is #F8A3B8 on #2E3100 with a contrast ratio of 7.02:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Greenhouse	rgb(66, 93, 26)	hsl(84, 56%, 23%)
Acapulco Dive	rgb(100, 170, 219)	hsl(205, 62%, 63%)
Ballet Slippers	rgb(248, 163, 184)	hsl(345, 86%, 81%)
Hot Flamingo	rgb(175, 89, 108)	hsl(347, 35%, 52%)
Wasabi Nori	rgb(46, 49, 0)	hsl(64, 100%, 10%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa7.02:1 Very good#F8A3B8 on #2E3100
Aa7.02:1 Very good#2E3100 on #F8A3B8
Aa5.35:1 Good#64AADB on #2E3100
Aa5.35:1 Good#2E3100 on #64AADB
Aa3.88:1 Poor#425D1A on #F8A3B8
Aa3.88:1 Poor#F8A3B8 on #425D1A

Color blindness preview

CSS variables

/* Greenhouse to Wasabi Nori — https://swatchly.xyz/palette/425d1a-64aadb-f8a3b8-af596c-2e3100 */
:root {
  --greenhouse: #425d1a;
  --acapulco-dive: #64aadb;
  --ballet-slippers: #f8a3b8;
  --hot-flamingo: #af596c;
  --wasabi-nori: #2e3100;
}

Tailwind CSS v4

/* Greenhouse to Wasabi Nori — https://swatchly.xyz/palette/425d1a-64aadb-f8a3b8-af596c-2e3100 */
@theme {
  --color-greenhouse: #425d1a;
  --color-greenhouse-50: #eafdd7;
  --color-greenhouse-100: #dff4c9;
  --color-greenhouse-200: #c8e1ae;
  --color-greenhouse-300: #afcb91;
  --color-greenhouse-400: #8eac6b;
  --color-greenhouse-500: #72904e;
  --color-greenhouse-600: #597434;
  --color-greenhouse-700: #425d1a;
  --color-greenhouse-800: #334914;
  --color-greenhouse-900: #26380a;
  --color-greenhouse-950: #162304;
  --color-acapulco-dive: #64aadb;
  --color-acapulco-dive-50: #ecf7ff;
  --color-acapulco-dive-100: #d9efff;
  --color-acapulco-dive-200: #b2deff;
  --color-acapulco-dive-300: #8ec9f4;
  --color-acapulco-dive-400: #64aadb;
  --color-acapulco-dive-500: #488ebd;
  --color-acapulco-dive-600: #2c73a0;
  --color-acapulco-dive-700: #175b84;
  --color-acapulco-dive-800: #06476b;
  --color-acapulco-dive-900: #003755;
  --color-acapulco-dive-950: #002237;
  --color-ballet-slippers: #f8a3b8;
  --color-ballet-slippers-50: #fff0f3;
  --color-ballet-slippers-100: #ffe1e7;
  --color-ballet-slippers-200: #ffc4d1;
  --color-ballet-slippers-300: #f8a3b8;
  --color-ballet-slippers-400: #d48599;
  --color-ballet-slippers-500: #b8697e;
  --color-ballet-slippers-600: #9b5065;
  --color-ballet-slippers-700: #7f3c4f;
  --color-ballet-slippers-800: #672c3d;
  --color-ballet-slippers-900: #52202f;
  --color-ballet-slippers-950: #35111c;
  --color-hot-flamingo: #af596c;
  --color-hot-flamingo-50: #fff1f3;
  --color-hot-flamingo-100: #ffe6ea;
  --color-hot-flamingo-200: #ffcdd5;
  --color-hot-flamingo-300: #fdaebd;
  --color-hot-flamingo-400: #e38d9e;
  --color-hot-flamingo-500: #ca7284;
  --color-hot-flamingo-600: #af596c;
  --color-hot-flamingo-700: #914154;
  --color-hot-flamingo-800: #752f40;
  --color-hot-flamingo-900: #5c2130;
  --color-hot-flamingo-950: #3c111d;
  --color-wasabi-nori: #2e3100;
  --color-wasabi-nori-50: #f5f8dc;
  --color-wasabi-nori-100: #ebefcf;
  --color-wasabi-nori-200: #d7dcb6;
  --color-wasabi-nori-300: #c0c69b;
  --color-wasabi-nori-400: #a0a577;
  --color-wasabi-nori-500: #848959;
  --color-wasabi-nori-600: #696d40;
  --color-wasabi-nori-700: #51552c;
  --color-wasabi-nori-800: #3e411d;
  --color-wasabi-nori-900: #2e3100;
  --color-wasabi-nori-950: #1b1d08;
}