Shrimp Toast to Lindworm Green color palette

FAC49AShrimp Toast B69BE9Dreamy Candy Forest 894700Otterly Brown 0388B8Mermaid Dreams 262900Lindworm Green

Open in generator Export PNG, PDF, ASE…

About this palette

Shrimp Toast to Lindworm Green is a 5-color warm, earthy, vintage palette: #FAC49A (Shrimp Toast), #B69BE9 (Dreamy Candy Forest), #894700 (Otterly Brown), #0388B8 (Mermaid Dreams), #262900 (Lindworm Green). It mixes orange, purple, brown, blue, green tones and feels warm overall. The strongest text pairing is #FAC49A on #262900 with a contrast ratio of 9.59:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Shrimp Toast	rgb(250, 196, 154)	hsl(26, 91%, 79%)
Dreamy Candy Forest	rgb(182, 155, 233)	hsl(261, 64%, 76%)
Otterly Brown	rgb(137, 71, 0)	hsl(31, 100%, 27%)
Mermaid Dreams	rgb(3, 136, 184)	hsl(196, 97%, 37%)
Lindworm Green	rgb(38, 41, 0)	hsl(64, 100%, 8%)

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.

Aa9.59:1 Very good#FAC49A on #262900
Aa9.59:1 Very good#262900 on #FAC49A
Aa6.33:1 Good#B69BE9 on #262900
Aa6.33:1 Good#262900 on #B69BE9
Aa4.53:1 Good#FAC49A on #894700
Aa4.53:1 Good#894700 on #FAC49A
Aa3.73:1 Poor#0388B8 on #262900
Aa3.73:1 Poor#262900 on #0388B8

Color blindness preview

CSS variables

/* Shrimp Toast to Lindworm Green — https://swatchly.xyz/palette/fac49a-b69be9-894700-0388b8-262900 */
:root {
  --shrimp-toast: #fac49a;
  --dreamy-candy-forest: #b69be9;
  --otterly-brown: #894700;
  --mermaid-dreams: #0388b8;
  --lindworm-green: #262900;
}

Tailwind CSS v4

/* Shrimp Toast to Lindworm Green — https://swatchly.xyz/palette/fac49a-b69be9-894700-0388b8-262900 */
@theme {
  --color-shrimp-toast: #fac49a;
  --color-shrimp-toast-50: #ffeddf;
  --color-shrimp-toast-100: #ffdec5;
  --color-shrimp-toast-200: #fac49a;
  --color-shrimp-toast-300: #dfb18c;
  --color-shrimp-toast-400: #c3916a;
  --color-shrimp-toast-500: #a8774f;
  --color-shrimp-toast-600: #8c5e37;
  --color-shrimp-toast-700: #734925;
  --color-shrimp-toast-800: #5d3818;
  --color-shrimp-toast-900: #4a2a0e;
  --color-shrimp-toast-950: #2f1905;
  --color-dreamy-candy-forest: #b69be9;
  --color-dreamy-candy-forest-50: #faf7ff;
  --color-dreamy-candy-forest-100: #f3edff;
  --color-dreamy-candy-forest-200: #e3d7ff;
  --color-dreamy-candy-forest-300: #d2bcfe;
  --color-dreamy-candy-forest-400: #b69be9;
  --color-dreamy-candy-forest-500: #987ec9;
  --color-dreamy-candy-forest-600: #7c62aa;
  --color-dreamy-candy-forest-700: #634a8c;
  --color-dreamy-candy-forest-800: #4d3771;
  --color-dreamy-candy-forest-900: #3b2859;
  --color-dreamy-candy-forest-950: #241739;
  --color-otterly-brown: #894700;
  --color-otterly-brown-50: #fff2ea;
  --color-otterly-brown-100: #ffe6d4;
  --color-otterly-brown-200: #ffcda9;
  --color-otterly-brown-300: #f3b485;
  --color-otterly-brown-400: #d8935e;
  --color-otterly-brown-500: #bd773f;
  --color-otterly-brown-600: #a15d24;
  --color-otterly-brown-700: #894700;
  --color-otterly-brown-800: #6c3700;
  --color-otterly-brown-900: #542900;
  --color-otterly-brown-950: #371800;
  --color-mermaid-dreams: #0388b8;
  --color-mermaid-dreams-50: #e7f6ff;
  --color-mermaid-dreams-100: #ceedff;
  --color-mermaid-dreams-200: #9cdcff;
  --color-mermaid-dreams-300: #6ec6f3;
  --color-mermaid-dreams-400: #3da5d6;
  --color-mermaid-dreams-500: #0388b8;
  --color-mermaid-dreams-600: #006e95;
  --color-mermaid-dreams-700: #005778;
  --color-mermaid-dreams-800: #00445f;
  --color-mermaid-dreams-900: #00354b;
  --color-mermaid-dreams-950: #002231;
  --color-lindworm-green: #262900;
  --color-lindworm-green-50: #f4f8df;
  --color-lindworm-green-100: #eaeed2;
  --color-lindworm-green-200: #d7dbba;
  --color-lindworm-green-300: #c0c59f;
  --color-lindworm-green-400: #a1a67c;
  --color-lindworm-green-500: #878c62;
  --color-lindworm-green-600: #6e734a;
  --color-lindworm-green-700: #595d37;
  --color-lindworm-green-800: #474b29;
  --color-lindworm-green-900: #393c1e;
  --color-lindworm-green-950: #262900;
}