Created at 03/27/2026 21:15
GraphQL API Schema Explorer Developer UI Palette
- Query Pink#ec4899
- Mutation Red#f43f5e
- Resolver Blue#3b82f6
- Type Green#22c55e
- Schema Gray#9ca3af
- Background White#ffffff
- Text Black#020617
The palette consists of Light, Dark colors. Accent colors Mutation Red #f43f5e and Resolver Blue #3b82f6. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #020617 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #020617, #22C55E, #3B82F6, #9CA3AF, #EC4899, #F43F5E, #FFFFFF
Palette GraphQL API Schema Explorer Developer UI Palette has combination of 7 codes colors:
HEX: #ec4899, RGB: (236, 72, 153); HEX: #f43f5e, RGB: (244, 63, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Simplified version of palette colors
Shade of deeppink, Tint of indianred, Tint of dodgerblue, Tint of limegreen, Tint of darkgrey, White, Shade of Black
Color scheme was created by palettespicker
Colors codes in palette
GraphQL API Schema Explorer Developer UI Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ec4899 | #ec4899 | RGB(236, 72, 153) | Query Pink | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Mutation Red | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Resolver Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Type Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Schema Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ec4899 | #f43f5e | 1.04 |
#ec4899 | #3b82f6 | 1.04 |
#ec4899 | #22c55e | 1.54 |
#ec4899 | #9ca3af | 1.38 |
#f43f5e | #3b82f6 | 1 |
#f43f5e | #22c55e | 1.61 |
Image palette GraphQL API Schema Explorer Developer UI Palette png
Export Palette
Download the "GraphQL API Schema Explorer Developer UI Palette" in multiple formats for seamless integration into your design projects.
Available formats: