Peanut Butter Biscuit to Water color palette

F8B766Peanut Butter Biscuit 00B3C8Aquarius AB414FRomantic Embers 601B27Forbidden Passion D4F7FFWater

Open in generator Export PNG, PDF, ASE…

About this palette

Peanut Butter Biscuit to Water is a 5-color warm palette: #F8B766 (Peanut Butter Biscuit), #00B3C8 (Aquarius), #AB414F (Romantic Embers), #601B27 (Forbidden Passion), #D4F7FF (Water). It mixes orange, turquoise, red, brown, white tones and feels warm overall. The strongest text pairing is #601B27 on #D4F7FF with a contrast ratio of 11.02:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peanut Butter Biscuit	rgb(248, 183, 102)	hsl(33, 91%, 69%)
Aquarius	rgb(0, 179, 200)	hsl(186, 100%, 39%)
Romantic Embers	rgb(171, 65, 79)	hsl(352, 45%, 46%)
Forbidden Passion	rgb(96, 27, 39)	hsl(350, 56%, 24%)
Water	rgb(212, 247, 255)	hsl(191, 100%, 92%)

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.

Aa11.02:1 Very good#601B27 on #D4F7FF
Aa11.02:1 Very good#D4F7FF on #601B27
Aa7.10:1 Very good#F8B766 on #601B27
Aa7.10:1 Very good#601B27 on #F8B766
Aa5.15:1 Good#AB414F on #D4F7FF
Aa5.15:1 Good#D4F7FF on #AB414F
Aa4.92:1 Good#00B3C8 on #601B27
Aa4.92:1 Good#601B27 on #00B3C8

Color blindness preview

CSS variables

/* Peanut Butter Biscuit to Water — https://swatchly.xyz/palette/f8b766-00b3c8-ab414f-601b27-d4f7ff */
:root {
  --peanut-butter-biscuit: #f8b766;
  --aquarius: #00b3c8;
  --romantic-embers: #ab414f;
  --forbidden-passion: #601b27;
  --water: #d4f7ff;
}

Tailwind CSS v4

/* Peanut Butter Biscuit to Water — https://swatchly.xyz/palette/f8b766-00b3c8-ab414f-601b27-d4f7ff */
@theme {
  --color-peanut-butter-biscuit: #f8b766;
  --color-peanut-butter-biscuit-50: #fff6ec;
  --color-peanut-butter-biscuit-100: #ffebd4;
  --color-peanut-butter-biscuit-200: #ffd29f;
  --color-peanut-butter-biscuit-300: #f8b766;
  --color-peanut-butter-biscuit-400: #d3984b;
  --color-peanut-butter-biscuit-500: #b77a23;
  --color-peanut-butter-biscuit-600: #976000;
  --color-peanut-butter-biscuit-700: #784b00;
  --color-peanut-butter-biscuit-800: #5e3a00;
  --color-peanut-butter-biscuit-900: #492c00;
  --color-peanut-butter-biscuit-950: #2f1a00;
  --color-aquarius: #00b3c8;
  --color-aquarius-50: #dffaff;
  --color-aquarius-100: #bef5ff;
  --color-aquarius-200: #8ae7f6;
  --color-aquarius-300: #61d1e4;
  --color-aquarius-400: #00b3c8;
  --color-aquarius-500: #0095a7;
  --color-aquarius-600: #007887;
  --color-aquarius-700: #005f6b;
  --color-aquarius-800: #004b55;
  --color-aquarius-900: #003a42;
  --color-aquarius-950: #00242a;
  --color-romantic-embers: #ab414f;
  --color-romantic-embers-50: #fff1f2;
  --color-romantic-embers-100: #ffe3e4;
  --color-romantic-embers-200: #ffc6c9;
  --color-romantic-embers-300: #ffa2a8;
  --color-romantic-embers-400: #e77b85;
  --color-romantic-embers-500: #ca5d69;
  --color-romantic-embers-600: #ab414f;
  --color-romantic-embers-700: #8d2e3c;
  --color-romantic-embers-800: #721f2c;
  --color-romantic-embers-900: #5b1420;
  --color-romantic-embers-950: #3c0912;
  --color-forbidden-passion: #601b27;
  --color-forbidden-passion-50: #fff1f2;
  --color-forbidden-passion-100: #ffe3e5;
  --color-forbidden-passion-200: #ffc7cb;
  --color-forbidden-passion-300: #f3abb0;
  --color-forbidden-passion-400: #d78990;
  --color-forbidden-passion-500: #bc6e75;
  --color-forbidden-passion-600: #9f555d;
  --color-forbidden-passion-700: #844048;
  --color-forbidden-passion-800: #6c3038;
  --color-forbidden-passion-900: #601b27;
  --color-forbidden-passion-950: #3a141a;
  --color-water: #d4f7ff;
  --color-water-50: #eefcff;
  --color-water-100: #d4f7ff;
  --color-water-200: #c8e0e6;
  --color-water-300: #adcad0;
  --color-water-400: #8baab1;
  --color-water-500: #6e8e95;
  --color-water-600: #547279;
  --color-water-700: #3e5b61;
  --color-water-800: #2e474c;
  --color-water-900: #22373b;
  --color-water-950: #132225;
}