One Minute to Midnight to Golden Churro color palette

162D90One Minute to Midnight 354DBADenim 605FEEArcane Brew B39100Faint Gold F0CE78Golden Churro

About this palette

One Minute to Midnight to Golden Churro is a 5-color vibrant, cool palette: #162D90 (One Minute to Midnight), #354DBA (Denim), #605FEE (Arcane Brew), #B39100 (Faint Gold), #F0CE78 (Golden Churro). It mixes blue, purple, yellow tones and feels cool overall. The strongest text pairing is #162D90 on #F0CE78 with a contrast ratio of 7.62:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
One Minute to Midnight	rgb(22, 45, 144)	hsl(229, 73%, 33%)
Denim	rgb(53, 77, 186)	hsl(229, 56%, 47%)
Arcane Brew	rgb(96, 95, 238)	hsl(240, 81%, 65%)
Faint Gold	rgb(179, 145, 0)	hsl(49, 100%, 35%)
Golden Churro	rgb(240, 206, 120)	hsl(43, 80%, 71%)

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.62:1 Very good#162D90 on #F0CE78
Aa7.62:1 Very good#F0CE78 on #162D90
Aa4.72:1 Good#354DBA on #F0CE78
Aa4.72:1 Good#F0CE78 on #354DBA
Aa3.84:1 Poor#162D90 on #B39100
Aa3.84:1 Poor#B39100 on #162D90
Aa3.16:1 Poor#605FEE on #F0CE78
Aa3.16:1 Poor#F0CE78 on #605FEE

Color blindness preview

CSS variables

/* One Minute to Midnight to Golden Churro — https://swatchly.xyz/palette/162d90-354dba-605fee-b39100-f0ce78 */
:root {
  --one-minute-to-midnight: #162d90;
  --denim: #354dba;
  --arcane-brew: #605fee;
  --faint-gold: #b39100;
  --golden-churro: #f0ce78;
}

Tailwind CSS v4

/* One Minute to Midnight to Golden Churro — https://swatchly.xyz/palette/162d90-354dba-605fee-b39100-f0ce78 */
@theme {
  --color-one-minute-to-midnight: #162d90;
  --color-one-minute-to-midnight-50: #f1f5ff;
  --color-one-minute-to-midnight-100: #e2ebff;
  --color-one-minute-to-midnight-200: #c6d7ff;
  --color-one-minute-to-midnight-300: #a3beff;
  --color-one-minute-to-midnight-400: #739aff;
  --color-one-minute-to-midnight-500: #557be4;
  --color-one-minute-to-midnight-600: #3d5ec2;
  --color-one-minute-to-midnight-700: #2a47a0;
  --color-one-minute-to-midnight-800: #162d90;
  --color-one-minute-to-midnight-900: #132666;
  --color-one-minute-to-midnight-950: #091643;
  --color-denim: #354dba;
  --color-denim-50: #f1f5ff;
  --color-denim-100: #e3ebff;
  --color-denim-200: #c9d8ff;
  --color-denim-300: #abc1ff;
  --color-denim-400: #809fff;
  --color-denim-500: #6080f1;
  --color-denim-600: #4965d3;
  --color-denim-700: #354dba;
  --color-denim-800: #283b95;
  --color-denim-900: #1c2c79;
  --color-denim-950: #0f1952;
  --color-arcane-brew: #605fee;
  --color-arcane-brew-50: #f2f4ff;
  --color-arcane-brew-100: #e9ecff;
  --color-arcane-brew-200: #d3d9ff;
  --color-arcane-brew-300: #b9c2ff;
  --color-arcane-brew-400: #95a0ff;
  --color-arcane-brew-500: #787eff;
  --color-arcane-brew-600: #605fee;
  --color-arcane-brew-700: #4b45cb;
  --color-arcane-brew-800: #3930a8;
  --color-arcane-brew-900: #2b2188;
  --color-arcane-brew-950: #1a115c;
  --color-faint-gold: #b39100;
  --color-faint-gold-50: #fff0c3;
  --color-faint-gold-100: #fae39e;
  --color-faint-gold-200: #e8cd79;
  --color-faint-gold-300: #d2b350;
  --color-faint-gold-400: #b39100;
  --color-faint-gold-500: #967900;
  --color-faint-gold-600: #796100;
  --color-faint-gold-700: #614d00;
  --color-faint-gold-800: #4d3d00;
  --color-faint-gold-900: #3d3000;
  --color-faint-gold-950: #281e00;
  --color-golden-churro: #f0ce78;
  --color-golden-churro-50: #fff0cc;
  --color-golden-churro-100: #fae5af;
  --color-golden-churro-200: #f0ce78;
  --color-golden-churro-300: #d6b970;
  --color-golden-churro-400: #ba9a47;
  --color-golden-churro-500: #9f7f23;
  --color-golden-churro-600: #836600;
  --color-golden-churro-700: #695100;
  --color-golden-churro-800: #533f00;
  --color-golden-churro-900: #413000;
  --color-golden-churro-950: #291e00;
}