Plum Intended to Lovely Breeze color palette
5B4650Plum IntendedA18493Femme Fatale506F61Dark ForestABCDC2Misty Morning1D2923Swamp ThingF4DAE8Lovely Breeze
About this palette
Plum Intended to Lovely Breeze is a 6-color muted palette: #5B4650 (Plum Intended), #A18493 (Femme Fatale), #506F61 (Dark Forest), #ABCDC2 (Misty Morning), #1D2923 (Swamp Thing), #F4DAE8 (Lovely Breeze). It mixes gray, pink, turquoise tones and feels cool overall. The strongest text pairing is #1D2923 on #F4DAE8 with a contrast ratio of 11.51:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Plum Intended | rgb(91, 70, 80) | hsl(331, 13%, 32%) | |
| Femme Fatale | rgb(161, 132, 147) | hsl(329, 13%, 57%) | |
| Dark Forest | rgb(80, 111, 97) | hsl(153, 16%, 37%) | |
| Misty Morning | rgb(171, 205, 194) | hsl(161, 25%, 74%) | |
| Swamp Thing | rgb(29, 41, 35) | hsl(150, 17%, 14%) | |
| Lovely Breeze | rgb(244, 218, 232) | hsl(328, 54%, 91%) |
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.51:1 #1D2923 on #F4DAE8
- Aa11.51:1 #F4DAE8 on #1D2923
- Aa8.78:1 #ABCDC2 on #1D2923
- Aa8.78:1 #1D2923 on #ABCDC2
- Aa6.58:1 #5B4650 on #F4DAE8
- Aa6.58:1 #F4DAE8 on #5B4650
- Aa5.02:1 #5B4650 on #ABCDC2
- Aa5.02:1 #ABCDC2 on #5B4650
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Plum Intended to Lovely Breeze — https://swatchly.xyz/palette/5b4650-a18493-506f61-abcdc2-1d2923-f4dae8 */
:root {
--plum-intended: #5b4650;
--femme-fatale: #a18493;
--dark-forest: #506f61;
--misty-morning: #abcdc2;
--swamp-thing: #1d2923;
--lovely-breeze: #f4dae8;
}
Tailwind CSS v4
/* Plum Intended to Lovely Breeze — https://swatchly.xyz/palette/5b4650-a18493-506f61-abcdc2-1d2923-f4dae8 */
@theme {
--color-plum-intended: #5b4650;
--color-plum-intended-50: #fff1f7;
--color-plum-intended-100: #f6e6ed;
--color-plum-intended-200: #e3d0d8;
--color-plum-intended-300: #cdb7c1;
--color-plum-intended-400: #ad95a0;
--color-plum-intended-500: #907983;
--color-plum-intended-600: #735e68;
--color-plum-intended-700: #5b4650;
--color-plum-intended-800: #47363e;
--color-plum-intended-900: #372930;
--color-plum-intended-950: #22181d;
--color-femme-fatale: #a18493;
--color-femme-fatale-50: #fff3f9;
--color-femme-fatale-100: #fbe8f1;
--color-femme-fatale-200: #ebd4e0;
--color-femme-fatale-300: #d8becb;
--color-femme-fatale-400: #bb9fad;
--color-femme-fatale-500: #a18493;
--color-femme-fatale-600: #846977;
--color-femme-fatale-700: #6a515f;
--color-femme-fatale-800: #543e4a;
--color-femme-fatale-900: #412f38;
--color-femme-fatale-950: #291c23;
--color-dark-forest: #506f61;
--color-dark-forest-50: #e8faf1;
--color-dark-forest-100: #dbf0e6;
--color-dark-forest-200: #c3ddd0;
--color-dark-forest-300: #a9c6b8;
--color-dark-forest-400: #87a798;
--color-dark-forest-500: #6b8a7c;
--color-dark-forest-600: #506f61;
--color-dark-forest-700: #3d584c;
--color-dark-forest-800: #2e453b;
--color-dark-forest-900: #22362d;
--color-dark-forest-950: #13221b;
--color-misty-morning: #abcdc2;
--color-misty-morning-50: #e9fcf6;
--color-misty-morning-100: #def3ec;
--color-misty-morning-200: #c8e1d9;
--color-misty-morning-300: #abcdc2;
--color-misty-morning-400: #8daca2;
--color-misty-morning-500: #709086;
--color-misty-morning-600: #56756b;
--color-misty-morning-700: #415d54;
--color-misty-morning-800: #304941;
--color-misty-morning-900: #233832;
--color-misty-morning-950: #14231e;
--color-swamp-thing: #1d2923;
--color-swamp-thing-50: #eff8f3;
--color-swamp-thing-100: #e4eee9;
--color-swamp-thing-200: #cfdbd5;
--color-swamp-thing-300: #b8c5be;
--color-swamp-thing-400: #97a59e;
--color-swamp-thing-500: #7d8c84;
--color-swamp-thing-600: #65726b;
--color-swamp-thing-700: #505d56;
--color-swamp-thing-800: #3f4a45;
--color-swamp-thing-900: #323b36;
--color-swamp-thing-950: #1d2923;
--color-lovely-breeze: #f4dae8;
--color-lovely-breeze-50: #f9e9f1;
--color-lovely-breeze-100: #f4dae8;
--color-lovely-breeze-200: #decad5;
--color-lovely-breeze-300: #cab4c0;
--color-lovely-breeze-400: #ad96a2;
--color-lovely-breeze-500: #937c89;
--color-lovely-breeze-600: #79636f;
--color-lovely-breeze-700: #624f5a;
--color-lovely-breeze-800: #4e3c46;
--color-lovely-breeze-900: #3c2e36;
--color-lovely-breeze-950: #261c21;
}
Similar palettes
- 4A343A6D7261BDC3AF1F252CA1858BCCDCE6Vibrant Vine to Sea Foam Mist
- 5B424C2B271C3F786772A193E0E5FFD4D1BAPlum Intended to Warm Oats
- CDB3C19E89A57E5D58584157F5DBDA2B2124Mauvelous to Ink Black
- 161E185545517462708C9F93B2D8C9FAE4F3Coco’s Black to Bunny Tail
- F8CCE0C088948EC0AF0077630C312D673448Ballerina to Siren
- 262720837C945C5F50B6CBC5FFF5FABitter Liquorice to Walkie Chalkie
- E2F1EDABB7D698838F4E776C3C424E1E1A12Bone-Chilling to Noir Mystique
- 3F2D195C4B3739776CA093BA89C3B5DED8EECola to Pastel Day