Eternal Darkness to Bimi Green color palette

15263CEternal Darkness AFA544Brass A867ABPrickly Purple C5DCFFBroad Daylight 566121Bimi Green

About this palette

Eternal Darkness to Bimi Green is a 5-color cool palette: #15263C (Eternal Darkness), #AFA544 (Brass), #A867AB (Prickly Purple), #C5DCFF (Broad Daylight), #566121 (Bimi Green). It mixes blue, yellow, pink, green tones and feels cool overall. The strongest text pairing is #15263C on #C5DCFF with a contrast ratio of 10.95:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Eternal Darkness	rgb(21, 38, 60)	hsl(214, 48%, 16%)
Brass	rgb(175, 165, 68)	hsl(54, 44%, 48%)
Prickly Purple	rgb(168, 103, 171)	hsl(297, 29%, 54%)
Broad Daylight	rgb(197, 220, 255)	hsl(216, 100%, 89%)
Bimi Green	rgb(86, 97, 33)	hsl(70, 49%, 25%)

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.

Aa10.95:1 Very good#15263C on #C5DCFF
Aa10.95:1 Very good#C5DCFF on #15263C
Aa6.03:1 Good#15263C on #AFA544
Aa6.03:1 Good#AFA544 on #15263C
Aa4.81:1 Good#C5DCFF on #566121
Aa4.81:1 Good#566121 on #C5DCFF
Aa3.78:1 Poor#15263C on #A867AB
Aa3.78:1 Poor#A867AB on #15263C

Color blindness preview

CSS variables

/* Eternal Darkness to Bimi Green — https://swatchly.xyz/palette/15263c-afa544-a867ab-c5dcff-566121 */
:root {
  --eternal-darkness: #15263c;
  --brass: #afa544;
  --prickly-purple: #a867ab;
  --broad-daylight: #c5dcff;
  --bimi-green: #566121;
}

Tailwind CSS v4

/* Eternal Darkness to Bimi Green — https://swatchly.xyz/palette/15263c-afa544-a867ab-c5dcff-566121 */
@theme {
  --color-eternal-darkness: #15263c;
  --color-eternal-darkness-50: #eff6ff;
  --color-eternal-darkness-100: #dfedff;
  --color-eternal-darkness-200: #c9d9ef;
  --color-eternal-darkness-300: #b0c3db;
  --color-eternal-darkness-400: #8fa3be;
  --color-eternal-darkness-500: #7589a4;
  --color-eternal-darkness-600: #5c708a;
  --color-eternal-darkness-700: #485a72;
  --color-eternal-darkness-800: #38485d;
  --color-eternal-darkness-900: #2b394b;
  --color-eternal-darkness-950: #15263c;
  --color-brass: #afa544;
  --color-brass-50: #fcf8c6;
  --color-brass-100: #f3eeb6;
  --color-brass-200: #e1db97;
  --color-brass-300: #ccc575;
  --color-brass-400: #afa544;
  --color-brass-500: #938923;
  --color-brass-600: #786e00;
  --color-brass-700: #5f5700;
  --color-brass-800: #4a4400;
  --color-brass-900: #393400;
  --color-brass-950: #242000;
  --color-prickly-purple: #a867ab;
  --color-prickly-purple-50: #ffeeff;
  --color-prickly-purple-100: #fedeff;
  --color-prickly-purple-200: #f6c1f7;
  --color-prickly-purple-300: #e2a7e4;
  --color-prickly-purple-400: #c484c7;
  --color-prickly-purple-500: #a867ab;
  --color-prickly-purple-600: #8c4e8f;
  --color-prickly-purple-700: #723a75;
  --color-prickly-purple-800: #5b2a5e;
  --color-prickly-purple-900: #481e4b;
  --color-prickly-purple-950: #2f1131;
  --color-broad-daylight: #c5dcff;
  --color-broad-daylight-50: #f2f7ff;
  --color-broad-daylight-100: #e4eeff;
  --color-broad-daylight-200: #c5dcff;
  --color-broad-daylight-300: #b2c5e2;
  --color-broad-daylight-400: #90a5c4;
  --color-broad-daylight-500: #7489a9;
  --color-broad-daylight-600: #5a6e8c;
  --color-broad-daylight-700: #455772;
  --color-broad-daylight-800: #33435b;
  --color-broad-daylight-900: #263347;
  --color-broad-daylight-950: #16202e;
  --color-bimi-green: #566121;
  --color-bimi-green-50: #f2fad6;
  --color-bimi-green-100: #e7f1c8;
  --color-bimi-green-200: #d4dfaf;
  --color-bimi-green-300: #beca93;
  --color-bimi-green-400: #9fac6f;
  --color-bimi-green-500: #859152;
  --color-bimi-green-600: #6c7739;
  --color-bimi-green-700: #566121;
  --color-bimi-green-800: #434c16;
  --color-bimi-green-900: #333a0c;
  --color-bimi-green-950: #1f2504;
}