diff --git a/.changeset/light-olives-rush.md b/.changeset/light-olives-rush.md
new file mode 100644
index 00000000000..65a1f838a8d
--- /dev/null
+++ b/.changeset/light-olives-rush.md
@@ -0,0 +1,6 @@
+---
+'graphiql-2-rfc-context': patch
+'graphiql': patch
+---
+
+Updating font colors for line numbers, comments & brackets from #999 to #666 for accessibility purposes. #666 passes AA accessibility standards for small text, with a contrast ratio of over 5:1.
diff --git a/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts b/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts
index d3dba753aad..4fe52fe2a07 100644
--- a/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts
+++ b/packages/graphiql-2-rfc-context/src/components/common/themes/default/index.ts
@@ -11,7 +11,7 @@ import { Colors, Space, GraphiQLTheme } from '../types';
 
 const palette = {
   neutral: {
-    20: '#999999',
+    20: '#666666',
     70: '#333333',
     90: `rgba(0, 0, 0, 0.1)`,
     100: '#fff',
diff --git a/packages/graphiql/src/css/app.css b/packages/graphiql/src/css/app.css
index 12667eafa1b..9666391aebc 100644
--- a/packages/graphiql/src/css/app.css
+++ b/packages/graphiql/src/css/app.css
@@ -525,7 +525,7 @@ div.CodeMirror-lint-tooltip > * + * {
 
 /* Comment */
 .cm-comment {
-  color: #999;
+  color: #666;
 }
 
 /* Punctuation */
diff --git a/packages/graphiql/src/css/codemirror.css b/packages/graphiql/src/css/codemirror.css
index 83127a81a25..aabd34c3978 100644
--- a/packages/graphiql/src/css/codemirror.css
+++ b/packages/graphiql/src/css/codemirror.css
@@ -29,7 +29,7 @@
 }
 .CodeMirror-linenumbers {}
 .CodeMirror-linenumber {
-  color: #999;
+  color: #666;
   min-width: 20px;
   padding: 0 3px 0 5px;
   text-align: right;
@@ -37,7 +37,7 @@
 }
 
 .CodeMirror-guttermarker { color: black; }
-.CodeMirror-guttermarker-subtle { color: #999; }
+.CodeMirror-guttermarker-subtle { color: #666; }
 
 /* CURSOR */
 
@@ -96,12 +96,12 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {}
 .cm-s-default .cm-meta {color: #555;}
 .cm-s-default .cm-qualifier {color: #555;}
 .cm-s-default .cm-builtin {color: #30a;}
-.cm-s-default .cm-bracket {color: #997;}
+.cm-s-default .cm-bracket {color: #666;}
 .cm-s-default .cm-tag {color: #170;}
 .cm-s-default .cm-attribute {color: #00c;}
 .cm-s-default .cm-header {color: blue;}
 .cm-s-default .cm-quote {color: #090;}
-.cm-s-default .cm-hr {color: #999;}
+.cm-s-default .cm-hr {color: #666;}
 .cm-s-default .cm-link {color: #00c;}
 
 .cm-negative {color: #d44;}
diff --git a/packages/graphiql/src/css/doc-explorer.css b/packages/graphiql/src/css/doc-explorer.css
index 7e32b4f8b52..d829c3dfd33 100644
--- a/packages/graphiql/src/css/doc-explorer.css
+++ b/packages/graphiql/src/css/doc-explorer.css
@@ -159,7 +159,7 @@
 }
 
 .graphiql-container .field-short-description {
-  color: #999;
+  color: #666;
   margin-left: 5px;
   overflow: hidden;
   text-overflow: ellipsis;