Accessible Web3 Systems Palette
- Ether Lilac#c3a9ff
- Token Gold#ffc857
- Smart Contract Gray#dfe2e2
- Gas Meter Green#00b295
- Dark Mode Layer#1b1f24
- Chainlink Blue#2a7be3
- Node Blush#f4c7c3
Created at 07/22/2025 17:05
The palette consists of Light, Dark colors. Accent colors Ether Lilac #c3a9ff and Token Gold #ffc857. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #1B1F24 (darkest) to #DFE2E2 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma) — 71% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 7).
HEX codes (sorted): #00B295, #1B1F24, #2A7BE3, #C3A9FF, #DFE2E2, #F4C7C3, #FFC857
Palette Accessible Web3 Systems Palette combines 7 color codes:
HEX: #c3a9ff, RGB: (195, 169, 255); HEX: #ffc857, RGB: (255, 200, 87); HEX: #dfe2e2, RGB: (223, 226, 226)
HEX: #00b295, RGB: (0, 178, 149); HEX: #1b1f24, RGB: (27, 31, 36); HEX: #2a7be3, RGB: (42, 123, 227)
HEX: #f4c7c3, RGB: (244, 199, 195)
Simplified version of palette colors
Tint of Plum, Tint of Gold, Tint of Gainsboro, Shade of Light Sea Green, Tint of Black, Shade of Steel Blue, Shade of Pink
Color scheme was created by bad_colors
Color codes in palette
Accessible Web3 Systems Palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #c3a9ff | #c3a9ff | RGB(195, 169, 255) | Ether Lilac | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Token Gold | — |
| #dfe2e2 | #dfe2e2 | RGB(223, 226, 226) | Smart Contract Gray | — |
| #00b295 | #00b295 | RGB(0, 178, 149) | Gas Meter Green | — |
| #1b1f24 | #1b1f24 | RGB(27, 31, 36) | Dark Mode Layer | — |
| #2a7be3 | #2a7be3 | RGB(42, 123, 227) | Chainlink Blue | — |
| #f4c7c3 | #f4c7c3 | RGB(244, 199, 195) | Node Blush | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#c3a9ff | #ffc857 | 1.3 |
#c3a9ff | #dfe2e2 | 1.54 |
#c3a9ff | #00b295 | 1.33 |
#c3a9ff | #f4c7c3 | 1.32 |
#ffc857 | #dfe2e2 | 1.18 |
#ffc857 | #00b295 | 1.74 |
Image palette Accessible Web3 Systems Palette png
Export Palette
Download the "Accessible Web3 Systems Palette" in multiple formats for seamless integration into your design projects.
Available formats: