Intergalactic to Chimaera color palette

4A4C6CIntergalactic E1DFF2Velvet Scarf B5AA7ABamboo Forest 819A8BParisian Patina 382930Melanzane 7C5F6CChimaera

Open in generator Export PNG, PDF, ASE…

About this palette

Intergalactic to Chimaera is a 6-color muted palette: #4A4C6C (Intergalactic), #E1DFF2 (Velvet Scarf), #B5AA7A (Bamboo Forest), #819A8B (Parisian Patina), #382930 (Melanzane), #7C5F6C (Chimaera). It mixes purple, gray, yellow, green, red tones and feels balanced overall. The strongest text pairing is #E1DFF2 on #382930 with a contrast ratio of 10.50:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Intergalactic	rgb(74, 76, 108)	hsl(236, 19%, 36%)
Velvet Scarf	rgb(225, 223, 242)	hsl(246, 42%, 91%)
Bamboo Forest	rgb(181, 170, 122)	hsl(49, 29%, 59%)
Parisian Patina	rgb(129, 154, 139)	hsl(144, 11%, 55%)
Melanzane	rgb(56, 41, 48)	hsl(332, 15%, 19%)
Chimaera	rgb(124, 95, 108)	hsl(333, 13%, 43%)

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.50:1 Very good#E1DFF2 on #382930
Aa10.50:1 Very good#382930 on #E1DFF2
Aa6.31:1 Good#4A4C6C on #E1DFF2
Aa6.31:1 Good#E1DFF2 on #4A4C6C
Aa5.89:1 Good#B5AA7A on #382930
Aa5.89:1 Good#382930 on #B5AA7A
Aa4.53:1 Good#819A8B on #382930
Aa4.53:1 Good#382930 on #819A8B

Color blindness preview

CSS variables

/* Intergalactic to Chimaera — https://swatchly.xyz/palette/4a4c6c-e1dff2-b5aa7a-819a8b-382930-7c5f6c */
:root {
  --intergalactic: #4a4c6c;
  --velvet-scarf: #e1dff2;
  --bamboo-forest: #b5aa7a;
  --parisian-patina: #819a8b;
  --melanzane: #382930;
  --chimaera: #7c5f6c;
}

Tailwind CSS v4

/* Intergalactic to Chimaera — https://swatchly.xyz/palette/4a4c6c-e1dff2-b5aa7a-819a8b-382930-7c5f6c */
@theme {
  --color-intergalactic: #4a4c6c;
  --color-intergalactic-50: #f3f4ff;
  --color-intergalactic-100: #e7e9ff;
  --color-intergalactic-200: #d1d4f1;
  --color-intergalactic-300: #b9bcdc;
  --color-intergalactic-400: #989bbe;
  --color-intergalactic-500: #7c7fa1;
  --color-intergalactic-600: #616384;
  --color-intergalactic-700: #4a4c6c;
  --color-intergalactic-800: #393b54;
  --color-intergalactic-900: #2c2d42;
  --color-intergalactic-950: #1a1b2a;
  --color-velvet-scarf: #e1dff2;
  --color-velvet-scarf-50: #edebf7;
  --color-velvet-scarf-100: #e1dff2;
  --color-velvet-scarf-200: #cfcedc;
  --color-velvet-scarf-300: #bab9c9;
  --color-velvet-scarf-400: #9d9bac;
  --color-velvet-scarf-500: #838192;
  --color-velvet-scarf-600: #6a6878;
  --color-velvet-scarf-700: #555362;
  --color-velvet-scarf-800: #42414d;
  --color-velvet-scarf-900: #33313c;
  --color-velvet-scarf-950: #1f1e26;
  --color-bamboo-forest: #b5aa7a;
  --color-bamboo-forest-50: #fef9de;
  --color-bamboo-forest-100: #f7f0d3;
  --color-bamboo-forest-200: #e6debb;
  --color-bamboo-forest-300: #d1c8a0;
  --color-bamboo-forest-400: #b5aa7a;
  --color-bamboo-forest-500: #988d5e;
  --color-bamboo-forest-600: #7b7143;
  --color-bamboo-forest-700: #63592f;
  --color-bamboo-forest-800: #4d451f;
  --color-bamboo-forest-900: #3b3414;
  --color-bamboo-forest-950: #241f08;
  --color-parisian-patina: #819a8b;
  --color-parisian-patina-50: #edfcf3;
  --color-parisian-patina-100: #e5f4eb;
  --color-parisian-patina-200: #d1e4d8;
  --color-parisian-patina-300: #bbd0c3;
  --color-parisian-patina-400: #9bb3a5;
  --color-parisian-patina-500: #819a8b;
  --color-parisian-patina-600: #657d6e;
  --color-parisian-patina-700: #4d6356;
  --color-parisian-patina-800: #3a4d42;
  --color-parisian-patina-900: #2a3b31;
  --color-parisian-patina-950: #18241d;
  --color-melanzane: #382930;
  --color-melanzane-50: #fdf2f6;
  --color-melanzane-100: #f4e7ed;
  --color-melanzane-200: #e2d3d9;
  --color-melanzane-300: #ccbcc3;
  --color-melanzane-400: #ad9ba3;
  --color-melanzane-500: #917e87;
  --color-melanzane-600: #75646b;
  --color-melanzane-700: #5c4d54;
  --color-melanzane-800: #473a40;
  --color-melanzane-900: #382930;
  --color-melanzane-950: #21191c;
  --color-chimaera: #7c5f6c;
  --color-chimaera-50: #fff1f7;
  --color-chimaera-100: #f9e4ed;
  --color-chimaera-200: #e7ced9;
  --color-chimaera-300: #d2b6c2;
  --color-chimaera-400: #b495a3;
  --color-chimaera-500: #987987;
  --color-chimaera-600: #7c5f6c;
  --color-chimaera-700: #644a56;
  --color-chimaera-800: #4f3943;
  --color-chimaera-900: #3e2b34;
  --color-chimaera-950: #271a20;
}