Bloodhound to Cooler Than Ever color palette

B75800Bloodhound 636AF0Blue Öyster Cult FF5C63Fusion Red 00B2F8Hawaii Morning 85BEFFCooler Than Ever

Open in generator Export PNG, PDF, ASE…

About this palette

Bloodhound to Cooler Than Ever is a 5-color vibrant, cool palette: #B75800 (Bloodhound), #636AF0 (Blue Öyster Cult), #FF5C63 (Fusion Red), #00B2F8 (Hawaii Morning), #85BEFF (Cooler Than Ever). It mixes brown, purple, red, blue tones and feels cool overall. The strongest text pairing is #B75800 on #85BEFF with a contrast ratio of 2.45:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bloodhound	rgb(183, 88, 0)	hsl(29, 100%, 36%)
Blue Öyster Cult	rgb(99, 106, 240)	hsl(237, 82%, 66%)
Fusion Red	rgb(255, 92, 99)	hsl(357, 100%, 68%)
Hawaii Morning	rgb(0, 178, 248)	hsl(197, 100%, 49%)
Cooler Than Ever	rgb(133, 190, 255)	hsl(212, 100%, 76%)

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.

Color blindness preview

CSS variables

/* Bloodhound to Cooler Than Ever — https://swatchly.xyz/palette/b75800-636af0-ff5c63-00b2f8-85beff */
:root {
  --bloodhound: #b75800;
  --blue-yster-cult: #636af0;
  --fusion-red: #ff5c63;
  --hawaii-morning: #00b2f8;
  --cooler-than-ever: #85beff;
}

Tailwind CSS v4

/* Bloodhound to Cooler Than Ever — https://swatchly.xyz/palette/b75800-636af0-ff5c63-00b2f8-85beff */
@theme {
  --color-bloodhound: #b75800;
  --color-bloodhound-50: #fff2eb;
  --color-bloodhound-100: #ffe8db;
  --color-bloodhound-200: #ffd0b5;
  --color-bloodhound-300: #ffb385;
  --color-bloodhound-400: #ec8e51;
  --color-bloodhound-500: #d3722e;
  --color-bloodhound-600: #b75800;
  --color-bloodhound-700: #924500;
  --color-bloodhound-800: #733500;
  --color-bloodhound-900: #592700;
  --color-bloodhound-950: #3a1700;
  --color-blue-yster-cult: #636af0;
  --color-blue-yster-cult-50: #f0f3ff;
  --color-blue-yster-cult-100: #e2e7ff;
  --color-blue-yster-cult-200: #c7d0ff;
  --color-blue-yster-cult-300: #a8b5ff;
  --color-blue-yster-cult-400: #818dff;
  --color-blue-yster-cult-500: #636af0;
  --color-blue-yster-cult-600: #4e50cf;
  --color-blue-yster-cult-700: #3c3baf;
  --color-blue-yster-cult-800: #2e2b91;
  --color-blue-yster-cult-900: #231f76;
  --color-blue-yster-cult-950: #151150;
  --color-fusion-red: #ff5c63;
  --color-fusion-red-50: #ffefee;
  --color-fusion-red-100: #ffe0de;
  --color-fusion-red-200: #ffc2bf;
  --color-fusion-red-300: #ff9d9b;
  --color-fusion-red-400: #ff5c63;
  --color-fusion-red-500: #df3d4a;
  --color-fusion-red-600: #be1c32;
  --color-fusion-red-700: #9e0022;
  --color-fusion-red-800: #7e0019;
  --color-fusion-red-900: #640012;
  --color-fusion-red-950: #420008;
  --color-hawaii-morning: #00b2f8;
  --color-hawaii-morning-50: #eef8ff;
  --color-hawaii-morning-100: #dbf1ff;
  --color-hawaii-morning-200: #b2e1ff;
  --color-hawaii-morning-300: #7dcfff;
  --color-hawaii-morning-400: #00b2f8;
  --color-hawaii-morning-500: #0094cf;
  --color-hawaii-morning-600: #0077a7;
  --color-hawaii-morning-700: #005e86;
  --color-hawaii-morning-800: #004969;
  --color-hawaii-morning-900: #003852;
  --color-hawaii-morning-950: #002234;
  --color-cooler-than-ever: #85beff;
  --color-cooler-than-ever-50: #e8f3ff;
  --color-cooler-than-ever-100: #d5e8ff;
  --color-cooler-than-ever-200: #b1d5ff;
  --color-cooler-than-ever-300: #85beff;
  --color-cooler-than-ever-400: #699fdd;
  --color-cooler-than-ever-500: #4e85c2;
  --color-cooler-than-ever-600: #366ba5;
  --color-cooler-than-ever-700: #245589;
  --color-cooler-than-ever-800: #164371;
  --color-cooler-than-ever-900: #0d345b;
  --color-cooler-than-ever-950: #05203c;
}