Generate Palette
  1. Color Palettes
  2. Accessible Dark UI Toolkit for Web3

Accessible Dark UI Toolkit for Web3

  • Eclipse Black
    #121212
  • Panel Graphite
    #2c2c2c
  • Component Teal
    #0097a7
  • Accent Orange
    #ff7043
  • Focus Yellow
    #fdd835
  • Screen White
    #f5f5f5
  16
Created at 08/23/2025 11:53
bycolourlock
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 — 3 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans warm (2 of 6).

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

Palette Accessible Dark UI Toolkit for Web3 combines 6 color codes:
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
Tint of Black, Tint of Black, Shade of cadetblue, Shade of coral, Tint of gold
Color scheme was created by colourlock

Color 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 WhiteWhitesmoke

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