Cherry Berry to Water Park color palette
About this palette
Cherry Berry to Water Park is a 4-color vintage palette: #9A515C (Cherry Berry), #582734 (Drops of God), #69DEFF (Splashing Wave), #69AE93 (Water Park). It mixes red, blue, turquoise tones and feels balanced overall. The strongest text pairing is #582734 on #69DEFF with a contrast ratio of 7.69:1, and 2 of its 6 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Cherry Berry | rgb(154, 81, 92) | hsl(351, 31%, 46%) | |
| Drops of God | rgb(88, 39, 52) | hsl(344, 39%, 25%) | |
| Splashing Wave | rgb(105, 222, 255) | hsl(193, 100%, 71%) | |
| Water Park | rgb(105, 174, 147) | hsl(157, 30%, 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.
- Aa7.69:1 #582734 on #69DEFF
- Aa7.69:1 #69DEFF on #582734
- Aa4.60:1 #582734 on #69AE93
- Aa4.60:1 #69AE93 on #582734
- Aa3.64:1 #9A515C on #69DEFF
- Aa3.64:1 #69DEFF on #9A515C
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Cherry Berry to Water Park — https://swatchly.xyz/palette/9a515c-582734-69deff-69ae93 */
:root {
--cherry-berry: #9a515c;
--drops-of-god: #582734;
--splashing-wave: #69deff;
--water-park: #69ae93;
}
Tailwind CSS v4
/* Cherry Berry to Water Park — https://swatchly.xyz/palette/9a515c-582734-69deff-69ae93 */
@theme {
--color-cherry-berry: #9a515c;
--color-cherry-berry-50: #fff1f2;
--color-cherry-berry-100: #ffe3e6;
--color-cherry-berry-200: #ffc6cc;
--color-cherry-berry-300: #f1aab2;
--color-cherry-berry-400: #d48892;
--color-cherry-berry-500: #b76b76;
--color-cherry-berry-600: #9a515c;
--color-cherry-berry-700: #7e3d47;
--color-cherry-berry-800: #652d36;
--color-cherry-berry-900: #502129;
--color-cherry-berry-950: #341218;
--color-drops-of-god: #582734;
--color-drops-of-god-50: #fff1f4;
--color-drops-of-god-100: #ffe3e8;
--color-drops-of-god-200: #f8c9d3;
--color-drops-of-god-300: #e5b1bb;
--color-drops-of-god-400: #ca919d;
--color-drops-of-god-500: #af7683;
--color-drops-of-god-600: #945d6a;
--color-drops-of-god-700: #7b4955;
--color-drops-of-god-800: #653943;
--color-drops-of-god-900: #582734;
--color-drops-of-god-950: #361a21;
--color-splashing-wave: #69deff;
--color-splashing-wave-50: #d2f4ff;
--color-splashing-wave-100: #b2edff;
--color-splashing-wave-200: #69deff;
--color-splashing-wave-300: #63c7e4;
--color-splashing-wave-400: #30aac9;
--color-splashing-wave-500: #0090ad;
--color-splashing-wave-600: #00758d;
--color-splashing-wave-700: #005e72;
--color-splashing-wave-800: #004b5b;
--color-splashing-wave-900: #003947;
--color-splashing-wave-950: #00242d;
--color-water-park: #69ae93;
--color-water-park-50: #d8feed;
--color-water-park-100: #c9f5e2;
--color-water-park-200: #aee2cc;
--color-water-park-300: #91cdb4;
--color-water-park-400: #69ae93;
--color-water-park-500: #4e9379;
--color-water-park-600: #347860;
--color-water-park-700: #20614b;
--color-water-park-800: #124d3a;
--color-water-park-900: #083c2c;
--color-water-park-950: #02261b;
}
Similar palettes
- A64D50CBEFFF48AF90512325Hot Sauce to Lonestar
- 7CA0719E514CE4F2DB593430A6B9E8Sleepy Hollow to Blue Lips
- 4F281A001A233FB9D67EDEF8B76E3F91442FCouch to Fire
- 9E4E587B4042CBDDFF6BA7A23B2D18D9B367Cherry Berry to Caramel Essence
- 299D96A4DDD7C79AA65F36458B5064Sea to Velour Scar
- 42C2C8C9FCF8662627945862Sea Serpent to Velour Scar
- FFEBF4A3CEBA719C835C7E6F825472503441Partial Pink to Vibrant Vine
- 7330277E594F84807784A8A279D0CE5FF9FCKenyan Copper to Frozen Turquoise