60 Shades of Coffee
Explore 60 shades of coffee and roasted beans from dark espresso and rich mocha to creamy latte and flat white, with hex, RGB, HSL, CMYK, and OKLCH values.
| Swatch | Name | Hex | RGB | HSL | CMYK | OKLCH |
|---|---|---|---|---|---|---|
| Coffee | #6F4E37 | 111, 78, 55 | 25°, 34%, 33% | 0%, 30%, 50%, 56% | 45.4%, 5.68, 56° | |
| Espresso | #3B2F2F | 59, 47, 47 | 0°, 11%, 21% | 0%, 20%, 20%, 77% | 31.8%, 1.76, 18° | |
| Latte | #C5A16F | 197, 161, 111 | 35°, 43%, 60% | 0%, 18%, 44%, 23% | 73%, 7.88, 75° | |
| Cappuccino | #826344 | 130, 99, 68 | 30°, 31%, 39% | 0%, 24%, 48%, 49% | 52.3%, 6.02, 66° | |
| Mocha | #A38068 | 163, 128, 104 | 24°, 24%, 52% | 0%, 21%, 36%, 36% | 62.7%, 5.55, 56° | |
| Americano | #3C2A21 | 60, 42, 33 | 20°, 29%, 18% | 0%, 30%, 45%, 76% | 30.4%, 3.12, 48° | |
| Macchiato | #8E7052 | 142, 112, 82 | 30°, 27%, 44% | 0%, 21%, 42%, 44% | 56.7%, 5.75, 66° | |
| Java | #1C140D | 28, 20, 13 | 28°, 37%, 8% | 0%, 29%, 54%, 89% | 19.9%, 1.87, 63° | |
| Frappuccino | #EED9C4 | 238, 217, 196 | 30°, 55%, 85% | 0%, 9%, 18%, 7% | 89.7%, 3.65, 67° | |
| Cold Brew | #2E1A16 | 46, 26, 22 | 10°, 35%, 13% | 0%, 43%, 52%, 82% | 24.3%, 3.32, 32° | |
| Roasted Bean | #2B1700 | 43, 23, 0 | 32°, 100%, 8% | 0%, 47%, 100%, 83% | 22.7%, 4.97, 68° | |
| Creamy Coffee | #D2B48C | 210, 180, 140 | 34°, 44%, 69% | 0%, 14%, 33%, 18% | 78.6%, 6.38, 75° | |
| Black Coffee | #3B2F2F | 59, 47, 47 | 0°, 11%, 21% | 0%, 20%, 20%, 77% | 31.8%, 1.76, 18° | |
| Irish Coffee | #4B3621 | 75, 54, 33 | 30°, 39%, 21% | 0%, 28%, 56%, 71% | 35.1%, 4.47, 65° | |
| Turkish Coffee | #1F1310 | 31, 19, 16 | 12°, 32%, 9% | 0%, 39%, 48%, 88% | 20.2%, 2.1, 35° | |
| Dark Roast | #261914 | 38, 25, 20 | 17°, 31%, 11% | 0%, 34%, 47%, 85% | 22.8%, 2.31, 42° | |
| Medium Roast | #5D4037 | 93, 64, 55 | 14°, 26%, 29% | 0%, 31%, 41%, 64% | 40.2%, 4.36, 38° | |
| Light Roast | #8D6E63 | 141, 110, 99 | 16°, 18%, 47% | 0%, 22%, 30%, 45% | 56.6%, 4.31, 40° | |
| Coffee Cream | #F5F5DC | 245, 245, 220 | 60°, 56%, 91% | 0%, 0%, 10%, 4% | 96.4%, 3.28, 107° | |
| Coffee Milk | #D7B49B | 215, 180, 155 | 25°, 43%, 73% | 0%, 16%, 28%, 16% | 79.4%, 5.32, 57° | |
| Caramel Macchiato | #C68E17 | 198, 142, 23 | 41°, 79%, 43% | 0%, 28%, 88%, 22% | 68.4%, 13.67, 79° | |
| Vanilla Latte | #F3E5AB | 243, 229, 171 | 48°, 75%, 81% | 0%, 6%, 30%, 5% | 91.9%, 7.6, 96° | |
| Hazelnut Coffee | #A67B5B | 166, 123, 91 | 26°, 30%, 50% | 0%, 26%, 45%, 35% | 61.8%, 7.03, 58° | |
| Pumpkin Spice | #D99058 | 217, 144, 88 | 26°, 63%, 60% | 0%, 34%, 59%, 15% | 71.6%, 11.43, 57° | |
| Iced Coffee | #B69E87 | 182, 158, 135 | 29°, 24%, 62% | 0%, 13%, 26%, 29% | 71.4%, 4.3, 66° | |
| Brewed Coffee | #4E342E | 78, 52, 46 | 11°, 26%, 24% | 0%, 33%, 41%, 69% | 35.4%, 3.94, 33° | |
| Moka | #3E2723 | 62, 39, 35 | 9°, 28%, 19% | 0%, 37%, 44%, 76% | 30%, 3.58, 30° | |
| Coffee Bean | #301B14 | 48, 27, 20 | 15°, 41%, 13% | 0%, 44%, 58%, 81% | 24.8%, 3.61, 39° | |
| Ground Coffee | #3B2F2F | 59, 47, 47 | 0°, 11%, 21% | 0%, 20%, 20%, 77% | 31.8%, 1.76, 18° | |
| Instant Coffee | #6F4E37 | 111, 78, 55 | 25°, 34%, 33% | 0%, 30%, 50%, 56% | 45.4%, 5.68, 56° | |
| Flat White | #EADDCB | 234, 221, 203 | 35°, 42%, 86% | 0%, 6%, 13%, 8% | 90.3%, 2.8, 76° | |
| Cortado | #9F8170 | 159, 129, 112 | 22°, 20%, 53% | 0%, 19%, 30%, 38% | 62.7%, 4.47, 51° | |
| Affogato | #4A3728 | 74, 55, 40 | 26°, 30%, 22% | 0%, 26%, 46%, 71% | 35.4%, 3.66, 60° | |
| Vienna Coffee | #7E5E52 | 126, 94, 82 | 16°, 21%, 41% | 0%, 25%, 35%, 51% | 51.1%, 4.61, 41° | |
| Ristretto | #231714 | 35, 23, 20 | 12°, 27%, 11% | 0%, 34%, 43%, 86% | 21.9%, 2.05, 34° | |
| Drip Coffee | #5C4033 | 92, 64, 51 | 19°, 29%, 28% | 0%, 30%, 45%, 64% | 39.9%, 4.47, 46° | |
| French Press | #3E2723 | 62, 39, 35 | 9°, 28%, 19% | 0%, 37%, 44%, 76% | 30%, 3.58, 30° | |
| Espresso Shot | #1B100E | 27, 16, 14 | 9°, 32%, 8% | 0%, 41%, 48%, 89% | 18.7%, 1.92, 31° | |
| Crema | #D9C5B2 | 217, 197, 178 | 29°, 34%, 77% | 0%, 9%, 18%, 15% | 83.5%, 3.44, 66° | |
| Coffee Foam | #F2E8DF | 242, 232, 223 | 28°, 42%, 91% | 0%, 4%, 8%, 5% | 93.6%, 1.63, 65° | |
| Coffee Dust | #8B7355 | 139, 115, 85 | 33°, 24%, 44% | 0%, 17%, 39%, 45% | 57.1%, 5.26, 73° | |
| Antique Coffee | #957A5F | 149, 122, 95 | 30°, 22%, 48% | 0%, 18%, 36%, 42% | 59.8%, 5.14, 67° | |
| Vintage Coffee | #6F4F37 | 111, 79, 55 | 26°, 34%, 33% | 0%, 29%, 50%, 56% | 45.6%, 5.64, 58° | |
| Muted Coffee | #B19171 | 177, 145, 113 | 30°, 29%, 57% | 0%, 18%, 36%, 31% | 67.8%, 5.9, 67° | |
| Pale Coffee | #D2B48C | 210, 180, 140 | 34°, 44%, 69% | 0%, 14%, 33%, 18% | 78.6%, 6.38, 75° | |
| Deep Coffee | #422518 | 66, 37, 24 | 19°, 47%, 18% | 0%, 44%, 64%, 74% | 29.9%, 4.95, 45° | |
| Dark Coffee | #321414 | 50, 20, 20 | 0°, 43%, 14% | 0%, 60%, 60%, 80% | 23.7%, 4.88, 21° | |
| Rich Coffee | #5D4037 | 93, 64, 55 | 14°, 26%, 29% | 0%, 31%, 41%, 64% | 40.2%, 4.36, 38° | |
| Bold Coffee | #311108 | 49, 17, 8 | 13°, 72%, 11% | 0%, 65%, 84%, 81% | 22.6%, 5.5, 37° | |
| Strong Coffee | #2B1700 | 43, 23, 0 | 32°, 100%, 8% | 0%, 47%, 100%, 83% | 22.7%, 4.97, 68° | |
| Warm Coffee | #8B5A2B | 139, 90, 43 | 29°, 53%, 36% | 0%, 35%, 69%, 45% | 51.2%, 8.97, 62° | |
| Morning Coffee | #A0522D | 160, 82, 45 | 19°, 56%, 40% | 0%, 49%, 72%, 37% | 52.6%, 11.51, 45° | |
| Evening Coffee | #3B2F2F | 59, 47, 47 | 0°, 11%, 21% | 0%, 20%, 20%, 77% | 31.8%, 1.76, 18° | |
| Night Coffee | #1C140D | 28, 20, 13 | 28°, 37%, 8% | 0%, 29%, 54%, 89% | 19.9%, 1.87, 63° | |
| Urban Coffee | #4E342E | 78, 52, 46 | 11°, 26%, 24% | 0%, 33%, 41%, 69% | 35.4%, 3.94, 33° | |
| Modern Coffee | #6D4C41 | 109, 76, 65 | 15°, 25%, 34% | 0%, 30%, 40%, 57% | 45%, 4.86, 39° | |
| Rustic Coffee | #8D6E63 | 141, 110, 99 | 16°, 18%, 47% | 0%, 22%, 30%, 45% | 56.6%, 4.31, 40° | |
| Classic Coffee | #6F4E37 | 111, 78, 55 | 25°, 34%, 33% | 0%, 30%, 50%, 56% | 45.4%, 5.68, 56° | |
| Royal Coffee | #4A3728 | 74, 55, 40 | 26°, 30%, 22% | 0%, 26%, 46%, 71% | 35.4%, 3.66, 60° | |
| Imperial Coffee | #3E2723 | 62, 39, 35 | 9°, 28%, 19% | 0%, 37%, 44%, 76% | 30%, 3.58, 30° |