Ash to Inland Waters color palette
About this palette
Ash to Inland Waters is a 6-color muted palette: #C0B7A3 (Ash), #40372A (Dark Rum), #6C5555 (Afternoon Coffee), #967773 (Hemp), #BFDDEE (Sleepless Blue), #7D94A0 (Inland Waters). It mixes gray, red, blue tones and feels balanced overall. The strongest text pairing is #40372A on #BFDDEE with a contrast ratio of 8.23:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Ash | rgb(192, 183, 163) | hsl(41, 19%, 70%) | |
| Dark Rum | rgb(64, 55, 42) | hsl(35, 21%, 21%) | |
| Afternoon Coffee | rgb(108, 85, 85) | hsl(0, 12%, 38%) | |
| Hemp | rgb(150, 119, 115) | hsl(7, 14%, 52%) | |
| Sleepless Blue | rgb(191, 221, 238) | hsl(202, 58%, 84%) | |
| Inland Waters | rgb(125, 148, 160) | hsl(201, 16%, 56%) |
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.23:1 #40372A on #BFDDEE
- Aa8.23:1 #BFDDEE on #40372A
- Aa5.86:1 #C0B7A3 on #40372A
- Aa5.86:1 #40372A on #C0B7A3
- Aa4.82:1 #6C5555 on #BFDDEE
- Aa4.82:1 #BFDDEE on #6C5555
- Aa3.68:1 #40372A on #7D94A0
- Aa3.68:1 #7D94A0 on #40372A
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Ash to Inland Waters — https://swatchly.xyz/palette/c0b7a3-40372a-6c5555-967773-bfddee-7d94a0 */
:root {
--ash: #c0b7a3;
--dark-rum: #40372a;
--afternoon-coffee: #6c5555;
--hemp: #967773;
--sleepless-blue: #bfddee;
--inland-waters: #7d94a0;
}
Tailwind CSS v4
/* Ash to Inland Waters — https://swatchly.xyz/palette/c0b7a3-40372a-6c5555-967773-bfddee-7d94a0 */
@theme {
--color-ash: #c0b7a3;
--color-ash-50: #f5f0e4;
--color-ash-100: #eae4d7;
--color-ash-200: #d6cfbf;
--color-ash-300: #c0b7a3;
--color-ash-400: #a29986;
--color-ash-500: #88806d;
--color-ash-600: #6f6755;
--color-ash-700: #595242;
--color-ash-800: #474032;
--color-ash-900: #383226;
--color-ash-950: #231f16;
--color-dark-rum: #40372a;
--color-dark-rum-50: #faf4eb;
--color-dark-rum-100: #f1eae0;
--color-dark-rum-200: #dfd6ca;
--color-dark-rum-300: #c9bfb2;
--color-dark-rum-400: #aba192;
--color-dark-rum-500: #918778;
--color-dark-rum-600: #776d5f;
--color-dark-rum-700: #61584b;
--color-dark-rum-800: #4e463a;
--color-dark-rum-900: #40372a;
--color-dark-rum-950: #28231b;
--color-afternoon-coffee: #6c5555;
--color-afternoon-coffee-50: #fff1f1;
--color-afternoon-coffee-100: #f8e6e6;
--color-afternoon-coffee-200: #e7d3d3;
--color-afternoon-coffee-300: #d4bdbd;
--color-afternoon-coffee-400: #b79e9e;
--color-afternoon-coffee-500: #9d8484;
--color-afternoon-coffee-600: #826b6a;
--color-afternoon-coffee-700: #6c5555;
--color-afternoon-coffee-800: #554242;
--color-afternoon-coffee-900: #423232;
--color-afternoon-coffee-950: #2a1f1f;
--color-hemp: #967773;
--color-hemp-50: #fff0ee;
--color-hemp-100: #f9e3e0;
--color-hemp-200: #e7cdc9;
--color-hemp-300: #d2b4b0;
--color-hemp-400: #b3938f;
--color-hemp-500: #967773;
--color-hemp-600: #7b5e5b;
--color-hemp-700: #644a47;
--color-hemp-800: #4f3936;
--color-hemp-900: #3e2b29;
--color-hemp-950: #281a19;
--color-sleepless-blue: #bfddee;
--color-sleepless-blue-50: #ebf8ff;
--color-sleepless-blue-100: #dceff9;
--color-sleepless-blue-200: #bfddee;
--color-sleepless-blue-300: #adc6d4;
--color-sleepless-blue-400: #8ba6b6;
--color-sleepless-blue-500: #6f8b9b;
--color-sleepless-blue-600: #56707f;
--color-sleepless-blue-700: #415967;
--color-sleepless-blue-800: #304651;
--color-sleepless-blue-900: #24363f;
--color-sleepless-blue-950: #142128;
--color-inland-waters: #7d94a0;
--color-inland-waters-50: #eef9ff;
--color-inland-waters-100: #e3f1f9;
--color-inland-waters-200: #cfe0e9;
--color-inland-waters-300: #b8cbd6;
--color-inland-waters-400: #98aeb9;
--color-inland-waters-500: #7d94a0;
--color-inland-waters-600: #617783;
--color-inland-waters-700: #4a5f69;
--color-inland-waters-800: #384a53;
--color-inland-waters-900: #293840;
--color-inland-waters-950: #172228;
}
Similar palettes
- DEEAE3CAB7A37A9EB6887A6D72606E354135Frosty Pink to Black Olive
- 6F514E2B3D41917471B79A979BBABDB7E0E5Afternoon Coffee to Poolside
- 6496A2BBDDE8473934764F47CAA494Cavolo Nero to Cashmere Clay
- 7D93A0E7D1D5737765293A475F4B52B2B799Inland Waters to Green Tea
- 3F30226A5B437E899BA1BCD1D0DDEACola to Blue Silk
- 2E3C296B505673839BBEA7A7CCE5FCEverglade to Salty Ice
- 33403A4B6059836B557F8898C9B1C2C6D8EEBlack Olive to Snowy Summit
- CBDCE8B1B99F7C83675A63703E3336Put on Ice to After Dark