Cool Gray Colors
Grays with a cool (blue/green) undertone. Cool grays read modern and technical; the default for SaaS interfaces and data dashboards.
coolgrayneutral39 colors
Anchor: Cool Gray #9AA7B0
hue 205° · HSL(12%, 65%) · best text on it: #000000 (8.5:1)
All cool gray colors
Slate Gray
#708090
hsl(210, 13%, 50%) · rgb(112, 128, 144)
Charcoal
#36454F
hsl(204, 19%, 26%) · rgb(54, 69, 79)
Cool Gray
#9AA7B0
hsl(205, 12%, 65%) · rgb(154, 167, 176)
Pewter
#899397
hsl(197, 6%, 56%) · rgb(137, 147, 151)
Dove Gray
#B6B8BD
hsl(223, 5%, 73%) · rgb(182, 184, 189)
Fog
#D8DCE0
hsl(210, 11%, 86%) · rgb(216, 220, 224)
Flint
#6F7A80
hsl(201, 7%, 47%) · rgb(111, 122, 128)
Cadetblue
#5F9EA0
hsl(182, 25%, 50%) · rgb(95, 158, 160)
Lightslategray
#778899
hsl(210, 14%, 53%) · rgb(119, 136, 153)
Lightsteelblue
#B0C4DE
hsl(214, 41%, 78%) · rgb(176, 196, 222)
Cloudy Blue
#ACC2D9
hsl(211, 37%, 76%) · rgb(172, 194, 217)
Stormy Blue
#507B9C
hsl(206, 32%, 46%) · rgb(80, 123, 156)
Battleship Grey
#6B7C85
hsl(201, 11%, 47%) · rgb(107, 124, 133)
Greyish Teal
#719F91
hsl(162, 19%, 53%) · rgb(113, 159, 145)
Cool Grey
#95A3A6
hsl(191, 9%, 62%) · rgb(149, 163, 166)
Metallic Blue
#4F738E
hsl(206, 29%, 43%) · rgb(79, 115, 142)
Bluey Grey
#89A0B0
hsl(205, 20%, 61%) · rgb(137, 160, 176)
Dull Teal
#5F9E8F
hsl(166, 25%, 50%) · rgb(95, 158, 143)
Bluegrey
#85A3B2
hsl(200, 23%, 61%) · rgb(133, 163, 178)
Light Blue Grey
#B7C9E2
hsl(215, 43%, 80%) · rgb(183, 201, 226)
Grey Blue
#647D8E
hsl(204, 17%, 47%) · rgb(100, 125, 142)
Blue Grey
#758DA3
hsl(209, 20%, 55%) · rgb(117, 141, 163)
Greyblue
#77A1B5
hsl(199, 30%, 59%) · rgb(119, 161, 181)
Dark Grey Blue
#29465B
hsl(205, 38%, 26%) · rgb(41, 70, 91)
Light Grey Blue
#9DBCD4
hsl(206, 39%, 72%) · rgb(157, 188, 212)
Gunmetal (survey)
#536267
hsl(195, 11%, 36%) · rgb(83, 98, 103)
Purplish Grey
#7A687F
hsl(287, 10%, 45%) · rgb(122, 104, 127)
Silver (survey)
#C5C9C7
hsl(150, 4%, 78%) · rgb(197, 201, 199)
Steel Grey
#6F828A
hsl(198, 11%, 49%) · rgb(111, 130, 138)
Steel
#738595
hsl(208, 14%, 52%) · rgb(115, 133, 149)
Bluish Grey
#748B97
hsl(201, 14%, 52%) · rgb(116, 139, 151)
Slate Grey
#59656D
hsl(204, 10%, 39%) · rgb(89, 101, 109)
Cadet Blue
#4E7496
hsl(208, 32%, 45%) · rgb(78, 116, 150)
Grey Purple
#826D8C
hsl(281, 12%, 49%) · rgb(130, 109, 140)
Greyish Purple
#887191
hsl(283, 13%, 51%) · rgb(136, 113, 145)
Greyish Blue
#5E819D
hsl(207, 25%, 49%) · rgb(94, 129, 157)
Steel Blue (survey)
#5A7D9A
hsl(207, 26%, 48%) · rgb(90, 125, 154)
Slate Blue (survey)
#5B7C99
hsl(208, 25%, 48%) · rgb(91, 124, 153)
Slate
#516572
hsl(204, 17%, 38%) · rgb(81, 101, 114)
Explore more
Pastel Colors
Dark Colors
Muted Colors
Vibrant Colors
Warm Gray Colors
Cream Colors
Off White Colors
Pastel Blue Colors
Membership thresholds are defined in src/lib/color/collections.ts and verified by unit tests. Under deuteranopia this collection shifts to #A0A4B0 for its anchor.