Plumbeous to Foggy Plateau color palette
56738BPlumbeous4B4B65Intergalactic253E4ADepths of the NileA6B5D0Over the Moon7987A3TempestD0CCE1Foggy Plateau
About this palette
Plumbeous to Foggy Plateau is a 6-color muted, cool palette: #56738B (Plumbeous), #4B4B65 (Intergalactic), #253E4A (Depths of the Nile), #A6B5D0 (Over the Moon), #7987A3 (Tempest), #D0CCE1 (Foggy Plateau). It mixes blue, purple, gray tones and feels cool overall. The strongest text pairing is #253E4A on #D0CCE1 with a contrast ratio of 7.18:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Plumbeous | rgb(86, 115, 139) | hsl(207, 24%, 44%) | |
| Intergalactic | rgb(75, 75, 101) | hsl(240, 15%, 35%) | |
| Depths of the Nile | rgb(37, 62, 74) | hsl(199, 33%, 22%) | |
| Over the Moon | rgb(166, 181, 208) | hsl(219, 31%, 73%) | |
| Tempest | rgb(121, 135, 163) | hsl(220, 19%, 56%) | |
| Foggy Plateau | rgb(208, 204, 225) | hsl(251, 26%, 84%) |
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.18:1 #253E4A on #D0CCE1
- Aa7.18:1 #D0CCE1 on #253E4A
- Aa5.43:1 #253E4A on #A6B5D0
- Aa5.43:1 #A6B5D0 on #253E4A
- Aa5.38:1 #4B4B65 on #D0CCE1
- Aa5.38:1 #D0CCE1 on #4B4B65
- Aa4.07:1 #4B4B65 on #A6B5D0
- Aa4.07:1 #A6B5D0 on #4B4B65
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Plumbeous to Foggy Plateau — https://swatchly.xyz/palette/56738b-4b4b65-253e4a-a6b5d0-7987a3-d0cce1 */
:root {
--plumbeous: #56738b;
--intergalactic: #4b4b65;
--depths-of-the-nile: #253e4a;
--over-the-moon: #a6b5d0;
--tempest: #7987a3;
--foggy-plateau: #d0cce1;
}
Tailwind CSS v4
/* Plumbeous to Foggy Plateau — https://swatchly.xyz/palette/56738b-4b4b65-253e4a-a6b5d0-7987a3-d0cce1 */
@theme {
--color-plumbeous: #56738b;
--color-plumbeous-50: #edf7ff;
--color-plumbeous-100: #dcefff;
--color-plumbeous-200: #c5dcf0;
--color-plumbeous-300: #acc7dd;
--color-plumbeous-400: #8ba8c1;
--color-plumbeous-500: #6f8da6;
--color-plumbeous-600: #56738b;
--color-plumbeous-700: #415b71;
--color-plumbeous-800: #30475a;
--color-plumbeous-900: #233747;
--color-plumbeous-950: #14222d;
--color-intergalactic: #4b4b65;
--color-intergalactic-50: #f4f4ff;
--color-intergalactic-100: #e9e9fd;
--color-intergalactic-200: #d3d4eb;
--color-intergalactic-300: #bbbbd6;
--color-intergalactic-400: #9a9ab7;
--color-intergalactic-500: #7d7e9a;
--color-intergalactic-600: #62637d;
--color-intergalactic-700: #4b4b65;
--color-intergalactic-800: #3a3a4e;
--color-intergalactic-900: #2c2c3d;
--color-intergalactic-950: #1b1b27;
--color-depths-of-the-nile: #253e4a;
--color-depths-of-the-nile-50: #eaf8ff;
--color-depths-of-the-nile-100: #dceff8;
--color-depths-of-the-nile-200: #c6dbe6;
--color-depths-of-the-nile-300: #adc5d2;
--color-depths-of-the-nile-400: #8da8b5;
--color-depths-of-the-nile-500: #728e9b;
--color-depths-of-the-nile-600: #5a7482;
--color-depths-of-the-nile-700: #465f6b;
--color-depths-of-the-nile-800: #364c57;
--color-depths-of-the-nile-900: #253e4a;
--color-depths-of-the-nile-950: #19272e;
--color-over-the-moon: #a6b5d0;
--color-over-the-moon-50: #e6efff;
--color-over-the-moon-100: #d8e3f6;
--color-over-the-moon-200: #c1cde3;
--color-over-the-moon-300: #a6b5d0;
--color-over-the-moon-400: #8a98b2;
--color-over-the-moon-500: #717f98;
--color-over-the-moon-600: #59677e;
--color-over-the-moon-700: #465267;
--color-over-the-moon-800: #374154;
--color-over-the-moon-900: #2a3343;
--color-over-the-moon-950: #191f2b;
--color-tempest: #7987a3;
--color-tempest-50: #f0f5ff;
--color-tempest-100: #e2ecff;
--color-tempest-200: #cdd8ef;
--color-tempest-300: #b5c2db;
--color-tempest-400: #94a2be;
--color-tempest-500: #7987a3;
--color-tempest-600: #5f6c87;
--color-tempest-700: #4a566e;
--color-tempest-800: #384357;
--color-tempest-900: #2a3345;
--color-tempest-950: #191f2c;
--color-foggy-plateau: #d0cce1;
--color-foggy-plateau-50: #f0eefa;
--color-foggy-plateau-100: #e5e2f0;
--color-foggy-plateau-200: #d0cce1;
--color-foggy-plateau-300: #bbb7ca;
--color-foggy-plateau-400: #9d99ad;
--color-foggy-plateau-500: #837f93;
--color-foggy-plateau-600: #6a6679;
--color-foggy-plateau-700: #555162;
--color-foggy-plateau-800: #43404e;
--color-foggy-plateau-900: #33313d;
--color-foggy-plateau-950: #201e27;
}
Similar palettes
- 333743464D6669728F9FA6CBCFD8EFTotal Eclipse to Fly a Kite
- 283E454551707A7BA178A8AFBACFE8B5C6D4Sunken Harbour to Cloudy Valley
- 372F43665E773D525D7B88A49CBBD4D4E0FFShuriken to Icy Plains
- C7D3E595B2CC54799C4D5C6D243142Ephemeral Blue to Blue Whale
- DAD8E8A9B1C776627141385077839B161117Pastel Day to Back in Black
- D4D3E9B0A9C68F8BB862607448465B2A2538Après-Ski to Midnight Express
- A4BADE6E87A74F6686324058212A3CSail Into the Horizon to Midnight Express
- E0D5EBB4A9CC9387A67A6F895A546C36303DPastel Day to Witches Cauldron