Start generating

Golf Course to Dreamscape Purple color palette

529D4CGolf Course381945Velvet Cosmos90D356Fairy Tale Green314B00Treetop CathedralFEEEFFStrawberry Bonbon9646D1Dreamscape Purple
Open in generator Export PNG, PDF, ASE…

About this palette

Golf Course to Dreamscape Purple is a 6-color cool palette: #529D4C (Golf Course), #381945 (Velvet Cosmos), #90D356 (Fairy Tale Green), #314B00 (Treetop Cathedral), #FEEEFF (Strawberry Bonbon), #9646D1 (Dreamscape Purple). It mixes green, purple, white tones and feels cool overall. The strongest text pairing is #381945 on #FEEEFF with a contrast ratio of 13.56:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Golf Coursergb(82, 157, 76)hsl(116, 35%, 46%)
Velvet Cosmosrgb(56, 25, 69)hsl(282, 47%, 18%)
Fairy Tale Greenrgb(144, 211, 86)hsl(92, 59%, 58%)
Treetop Cathedralrgb(49, 75, 0)hsl(81, 100%, 15%)
Strawberry Bonbonrgb(254, 238, 255)hsl(296, 100%, 97%)
Dreamscape Purplergb(150, 70, 209)hsl(275, 60%, 55%)

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.

  • Aa13.56:1 Super#381945 on #FEEEFF
  • Aa13.56:1 Super#FEEEFF on #381945
  • Aa8.84:1 Very good#314B00 on #FEEEFF
  • Aa8.84:1 Very good#FEEEFF on #314B00
  • Aa8.35:1 Very good#381945 on #90D356
  • Aa8.35:1 Very good#90D356 on #381945
  • Aa5.45:1 Good#90D356 on #314B00
  • Aa5.45:1 Good#314B00 on #90D356

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Golf Course to Dreamscape Purple — https://swatchly.xyz/palette/529d4c-381945-90d356-314b00-feeeff-9646d1 */
:root {
  --golf-course: #529d4c;
  --velvet-cosmos: #381945;
  --fairy-tale-green: #90d356;
  --treetop-cathedral: #314b00;
  --strawberry-bonbon: #feeeff;
  --dreamscape-purple: #9646d1;
}

Tailwind CSS v4

/* Golf Course to Dreamscape Purple — https://swatchly.xyz/palette/529d4c-381945-90d356-314b00-feeeff-9646d1 */
@theme {
  --color-golf-course: #529d4c;
  --color-golf-course-50: #e3ffe0;
  --color-golf-course-100: #ccfbc7;
  --color-golf-course-200: #b2eaad;
  --color-golf-course-300: #96d690;
  --color-golf-course-400: #70b86a;
  --color-golf-course-500: #529d4c;
  --color-golf-course-600: #378131;
  --color-golf-course-700: #22681d;
  --color-golf-course-800: #12520e;
  --color-golf-course-900: #074005;
  --color-golf-course-950: #022801;
  --color-velvet-cosmos: #381945;
  --color-velvet-cosmos-50: #faf1ff;
  --color-velvet-cosmos-100: #f6e3ff;
  --color-velvet-cosmos-200: #e7ccf5;
  --color-velvet-cosmos-300: #d3b3e2;
  --color-velvet-cosmos-400: #b390c3;
  --color-velvet-cosmos-500: #9573a5;
  --color-velvet-cosmos-600: #785787;
  --color-velvet-cosmos-700: #5d416b;
  --color-velvet-cosmos-800: #472e51;
  --color-velvet-cosmos-900: #381945;
  --color-velvet-cosmos-950: #1f1124;
  --color-fairy-tale-green: #90d356;
  --color-fairy-tale-green-50: #dfffc8;
  --color-fairy-tale-green-100: #ccf8ac;
  --color-fairy-tale-green-200: #b2e68b;
  --color-fairy-tale-green-300: #90d356;
  --color-fairy-tale-green-400: #74b339;
  --color-fairy-tale-green-500: #589700;
  --color-fairy-tale-green-600: #467a00;
  --color-fairy-tale-green-700: #376100;
  --color-fairy-tale-green-800: #2a4d00;
  --color-fairy-tale-green-900: #1f3c00;
  --color-fairy-tale-green-950: #122500;
  --color-treetop-cathedral: #314b00;
  --color-treetop-cathedral-50: #eafdd6;
  --color-treetop-cathedral-100: #dff4c8;
  --color-treetop-cathedral-200: #c9e2ae;
  --color-treetop-cathedral-300: #b0cc91;
  --color-treetop-cathedral-400: #8fad6c;
  --color-treetop-cathedral-500: #73914e;
  --color-treetop-cathedral-600: #5a7635;
  --color-treetop-cathedral-700: #455e22;
  --color-treetop-cathedral-800: #314b00;
  --color-treetop-cathedral-900: #27390a;
  --color-treetop-cathedral-950: #162403;
  --color-strawberry-bonbon: #feeeff;
  --color-strawberry-bonbon-50: #feeeff;
  --color-strawberry-bonbon-100: #f0e6f1;
  --color-strawberry-bonbon-200: #ded2df;
  --color-strawberry-bonbon-300: #c8bbc9;
  --color-strawberry-bonbon-400: #aa9cab;
  --color-strawberry-bonbon-500: #8f8190;
  --color-strawberry-bonbon-600: #746775;
  --color-strawberry-bonbon-700: #5d515e;
  --color-strawberry-bonbon-800: #493e4a;
  --color-strawberry-bonbon-900: #382f39;
  --color-strawberry-bonbon-950: #231d24;
  --color-dreamscape-purple: #9646d1;
  --color-dreamscape-purple-50: #f8f2ff;
  --color-dreamscape-purple-100: #f3e7ff;
  --color-dreamscape-purple-200: #e7d0ff;
  --color-dreamscape-purple-300: #dab3ff;
  --color-dreamscape-purple-400: #c785ff;
  --color-dreamscape-purple-500: #b062ed;
  --color-dreamscape-purple-600: #9646d1;
  --color-dreamscape-purple-700: #7b2db0;
  --color-dreamscape-purple-800: #621a91;
  --color-dreamscape-purple-900: #4d0c75;
  --color-dreamscape-purple-950: #32024e;
}

Similar palettes