Generate Palette
  1. Colors palettes
  2. Accessible Dark UI Toolkit for Web3
Created at 08/23/2025 11:53
bycolourlock
  16

Accessible Dark UI Toolkit for Web3

  • Eclipse Black
    #121212
  • Panel Graphite
    #2c2c2c
  • Component Teal
    #0097a7
  • Accent Orange
    #ff7043
  • Focus Yellow
    #fdd835
  • Screen White
    #f5f5f5
The palette consists of Dark, Light colors. Accent colors Component Teal #0097a7 and Accent Orange #ff7043. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #121212 (darkest) to #F5F5F5 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043

Palette Accessible Dark UI Toolkit for Web3 has combination of 6 codes colors:
HEX: #121212, RGB: (18, 18, 18); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #0097a7, RGB: (0, 151, 167)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #fdd835, RGB: (253, 216, 53); HEX: #f5f5f5, RGB: (245, 245, 245)
Simplified version of palette colors
Shade of Black, Shade of Black, Tint of cadetblue, Tint of coral, Shade of gold
Color scheme was created by colourlock

Colors codes in palette

Accessible Dark UI Toolkit for Web3 color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#121212 #121212 RGB(18, 18, 18)Eclipse BlackDark Tone Ink
#2c2c2c #2c2c2c RGB(44, 44, 44)Panel Graphite—
#0097a7 #0097a7 RGB(0, 151, 167)Component Teal—
#ff7043 #ff7043 RGB(255, 112, 67)Accent Orange—
#fdd835 #fdd835 RGB(253, 216, 53)Focus Yellow—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Screen WhiteWhite Smoke

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#121212
#2c2c2c
1.34
#0097a7
#ff7043
1.27
#ff7043
#fdd835
1.96
#fdd835
#f5f5f5
1.27

Image palette Accessible Dark UI Toolkit for Web3 png

Accessible Dark UI Toolkit for Web3 - #559136
 Download image