Start generating

Brilliant Blue to Venus Slipper Orchid color palette

0073B4Brilliant Blue8C8A00Captain KirkEBB100Trumpet Gold00B116VegetarianD676FFVenus Slipper Orchid
Open in generator Export PNG, PDF, ASE…

About this palette

Brilliant Blue to Venus Slipper Orchid is a 5-color vibrant, cool palette: #0073B4 (Brilliant Blue), #8C8A00 (Captain Kirk), #EBB100 (Trumpet Gold), #00B116 (Vegetarian), #D676FF (Venus Slipper Orchid). It mixes blue, yellow, green, purple tones and feels cool overall. The strongest text pairing is #0073B4 on #EBB100 with a contrast ratio of 2.63:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Brilliant Bluergb(0, 115, 180)hsl(202, 100%, 35%)
Captain Kirkrgb(140, 138, 0)hsl(59, 100%, 27%)
Trumpet Goldrgb(235, 177, 0)hsl(45, 100%, 46%)
Vegetarianrgb(0, 177, 22)hsl(127, 100%, 35%)
Venus Slipper Orchidrgb(214, 118, 255)hsl(282, 100%, 73%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Brilliant Blue to Venus Slipper Orchid — https://swatchly.xyz/palette/0073b4-8c8a00-ebb100-00b116-d676ff */
:root {
  --brilliant-blue: #0073b4;
  --captain-kirk: #8c8a00;
  --trumpet-gold: #ebb100;
  --vegetarian: #00b116;
  --venus-slipper-orchid: #d676ff;
}

    Tailwind CSS v4

    /* Brilliant Blue to Venus Slipper Orchid — https://swatchly.xyz/palette/0073b4-8c8a00-ebb100-00b116-d676ff */
@theme {
  --color-brilliant-blue: #0073b4;
  --color-brilliant-blue-50: #edf7ff;
  --color-brilliant-blue-100: #dbeeff;
  --color-brilliant-blue-200: #b6ddff;
  --color-brilliant-blue-300: #88c9ff;
  --color-brilliant-blue-400: #55aaec;
  --color-brilliant-blue-500: #318ed1;
  --color-brilliant-blue-600: #0073b4;
  --color-brilliant-blue-700: #005b90;
  --color-brilliant-blue-800: #004772;
  --color-brilliant-blue-900: #003659;
  --color-brilliant-blue-950: #00223a;
  --color-captain-kirk: #8c8a00;
  --color-captain-kirk-50: #f8fac1;
  --color-captain-kirk-100: #eff0af;
  --color-captain-kirk-200: #dcdc8e;
  --color-captain-kirk-300: #c6c66b;
  --color-captain-kirk-400: #a7a63a;
  --color-captain-kirk-500: #8c8a00;
  --color-captain-kirk-600: #716f00;
  --color-captain-kirk-700: #595800;
  --color-captain-kirk-800: #464500;
  --color-captain-kirk-900: #363500;
  --color-captain-kirk-950: #212100;
  --color-trumpet-gold: #ebb100;
  --color-trumpet-gold-50: #fff1d4;
  --color-trumpet-gold-100: #ffe4ad;
  --color-trumpet-gold-200: #f9cc6c;
  --color-trumpet-gold-300: #ebb100;
  --color-trumpet-gold-400: #c59400;
  --color-trumpet-gold-500: #a57b00;
  --color-trumpet-gold-600: #866300;
  --color-trumpet-gold-700: #6b4f00;
  --color-trumpet-gold-800: #543d00;
  --color-trumpet-gold-900: #422f00;
  --color-trumpet-gold-950: #2a1d00;
  --color-vegetarian: #00b116;
  --color-vegetarian-50: #e8ffe6;
  --color-vegetarian-100: #cfffcb;
  --color-vegetarian-200: #9df899;
  --color-vegetarian-300: #7be678;
  --color-vegetarian-400: #49cb49;
  --color-vegetarian-500: #00b116;
  --color-vegetarian-600: #008f0f;
  --color-vegetarian-700: #00710a;
  --color-vegetarian-800: #005806;
  --color-vegetarian-900: #004303;
  --color-vegetarian-950: #002a01;
  --color-venus-slipper-orchid: #d676ff;
  --color-venus-slipper-orchid-50: #fbf4ff;
  --color-venus-slipper-orchid-100: #f7e7ff;
  --color-venus-slipper-orchid-200: #efccff;
  --color-venus-slipper-orchid-300: #e4abff;
  --color-venus-slipper-orchid-400: #d676ff;
  --color-venus-slipper-orchid-500: #b858df;
  --color-venus-slipper-orchid-600: #9a3abf;
  --color-venus-slipper-orchid-700: #7e22a0;
  --color-venus-slipper-orchid-800: #650f83;
  --color-venus-slipper-orchid-900: #4f0368;
  --color-venus-slipper-orchid-950: #330045;
}

    Similar palettes