Pitch Black to Misty Morning color palette
About this palette
Pitch Black to Misty Morning is a 6-color muted palette: #4F3E46 (Pitch Black), #292533 (Infinity), #6A917F (Toad), #6B6B4A (Herbal Whispers), #ADAB85 (Olive Tree), #B9CBC3 (Misty Morning). It mixes gray, green, brown, yellow tones and feels warm overall. The strongest text pairing is #292533 on #B9CBC3 with a contrast ratio of 8.81:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Pitch Black | rgb(79, 62, 70) | hsl(332, 12%, 28%) | |
| Infinity | rgb(41, 37, 51) | hsl(257, 16%, 17%) | |
| Toad | rgb(106, 145, 127) | hsl(152, 16%, 49%) | |
| Herbal Whispers | rgb(107, 107, 74) | hsl(60, 18%, 35%) | |
| Olive Tree | rgb(173, 171, 133) | hsl(57, 20%, 60%) | |
| Misty Morning | rgb(185, 203, 195) | hsl(153, 15%, 76%) |
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.
- Aa8.81:1 #292533 on #B9CBC3
- Aa8.81:1 #B9CBC3 on #292533
- Aa6.36:1 #292533 on #ADAB85
- Aa6.36:1 #ADAB85 on #292533
- Aa5.87:1 #4F3E46 on #B9CBC3
- Aa5.87:1 #B9CBC3 on #4F3E46
- Aa4.24:1 #292533 on #6A917F
- Aa4.24:1 #6A917F on #292533
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Pitch Black to Misty Morning — https://swatchly.xyz/palette/4f3e46-292533-6a917f-6b6b4a-adab85-b9cbc3 */
:root {
--pitch-black: #4f3e46;
--infinity: #292533;
--toad: #6a917f;
--herbal-whispers: #6b6b4a;
--olive-tree: #adab85;
--misty-morning: #b9cbc3;
}
Tailwind CSS v4
/* Pitch Black to Misty Morning — https://swatchly.xyz/palette/4f3e46-292533-6a917f-6b6b4a-adab85-b9cbc3 */
@theme {
--color-pitch-black: #4f3e46;
--color-pitch-black-50: #fdf1f7;
--color-pitch-black-100: #f4e7ed;
--color-pitch-black-200: #e2d2da;
--color-pitch-black-300: #cdbbc4;
--color-pitch-black-400: #af9ca5;
--color-pitch-black-500: #94818a;
--color-pitch-black-600: #79676f;
--color-pitch-black-700: #625159;
--color-pitch-black-800: #4f3e46;
--color-pitch-black-900: #3c3036;
--color-pitch-black-950: #261d21;
--color-infinity: #292533;
--color-infinity-50: #f6f3fe;
--color-infinity-100: #ece9f5;
--color-infinity-200: #d9d5e3;
--color-infinity-300: #c2bece;
--color-infinity-400: #a39eb0;
--color-infinity-500: #898596;
--color-infinity-600: #716c7d;
--color-infinity-700: #5b5766;
--color-infinity-800: #4a4654;
--color-infinity-900: #3b3844;
--color-infinity-950: #292533;
--color-toad: #6a917f;
--color-toad-50: #e5fcf0;
--color-toad-100: #d9f3e6;
--color-toad-200: #c2e0d2;
--color-toad-300: #a8cbba;
--color-toad-400: #86ac9a;
--color-toad-500: #6a917f;
--color-toad-600: #507665;
--color-toad-700: #3c5e4f;
--color-toad-800: #2c4a3d;
--color-toad-900: #20392e;
--color-toad-950: #11241c;
--color-herbal-whispers: #6b6b4a;
--color-herbal-whispers-50: #f6f7e3;
--color-herbal-whispers-100: #ecedd6;
--color-herbal-whispers-200: #d8d9bd;
--color-herbal-whispers-300: #c1c2a3;
--color-herbal-whispers-400: #a2a280;
--color-herbal-whispers-500: #868664;
--color-herbal-whispers-600: #6b6b4a;
--color-herbal-whispers-700: #555538;
--color-herbal-whispers-800: #424229;
--color-herbal-whispers-900: #33331d;
--color-herbal-whispers-950: #201f10;
--color-olive-tree: #adab85;
--color-olive-tree-50: #faf9e4;
--color-olive-tree-100: #f2f1d9;
--color-olive-tree-200: #e0dec2;
--color-olive-tree-300: #cbc9a9;
--color-olive-tree-400: #adab85;
--color-olive-tree-500: #908e69;
--color-olive-tree-600: #74724f;
--color-olive-tree-700: #5c5a3a;
--color-olive-tree-800: #484629;
--color-olive-tree-900: #37351d;
--color-olive-tree-950: #21200f;
--color-misty-morning: #b9cbc3;
--color-misty-morning-50: #f1fbf6;
--color-misty-morning-100: #e7f2ed;
--color-misty-morning-200: #d2dfda;
--color-misty-morning-300: #b9cbc3;
--color-misty-morning-400: #9aaaa3;
--color-misty-morning-500: #7d8e87;
--color-misty-morning-600: #62726b;
--color-misty-morning-700: #4c5b54;
--color-misty-morning-800: #3a4641;
--color-misty-morning-900: #2b3631;
--color-misty-morning-950: #1a211e;
}
Similar palettes
- 80988D2F222855434E9CAFC5D7CDB47B6143Parisian Patina to Autumn Gold
- 1F232E7A6863A3B89F80907F474F5EFCE7E7Dark to Porcelain Skin
- E1F2F9BBBAA5859DAC7474465A38492E2427Diamond White to Darth Vader
- 30343E625F4EC2D6CC1F151C6F8979A19985Total Eclipse to Nomad
- 32262C494A56697D5E92A691DAC5D0F7F7FFSmoky Charcoal to Ghost White
- 233B325C6855818B73ABAB90CFCBABBotanical Night to Fiji Sands
- BBD5DBB48F8770987952685B1B4B58342732Up in the Air to Melanzane
- 4A343A6D7261BDC3AF1F252CA1858BCCDCE6Vibrant Vine to Sea Foam Mist