Generate Palette
  1. Colors palettes
  2. Hyper Minimal CSS Variable Design System Modern Web Component Library UI
Created at 04/15/2026 11:46
bycolourlock
  1

Hyper Minimal CSS Variable Design System Modern Web Component Library UI

  • Variable Black
    #0d0f15
  • Primary Cyan
    #00c2ff
  • Secondary Mint
    #2ce6b5
  • Accent Pink
    #ff4d9d
  • Warning Amber
    #ffb020
  • Neutral Gray
    #a0a9b8
  • Background White
    #f7faff
  • Border Slate
    #2a2f3a
The palette consists of Dark, Light colors. Accent colors Warning Amber #ffb020 and Background White #f7faff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0D0F15 (darkest) to #F7FAFF (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): #00C2FF, #0D0F15, #2A2F3A, #2CE6B5, #A0A9B8, #F7FAFF, #FF4D9D, #FFB020

Palette Hyper Minimal CSS Variable Design System Modern Web Component Library UI has combination of 8 codes colors:
HEX: #0d0f15, RGB: (13, 15, 21); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #2ce6b5, RGB: (44, 230, 181)
HEX: #ff4d9d, RGB: (255, 77, 157); HEX: #ffb020, RGB: (255, 176, 32); HEX: #a0a9b8, RGB: (160, 169, 184)
HEX: #f7faff, RGB: (247, 250, 255); HEX: #2a2f3a, RGB: (42, 47, 58)
Simplified version of palette colors
Shade of Black, Shade of deepskyblue, Tint of aquamarine, Tint of hotpink, Shade of Orange, Tint of darkgrey, Shade of ghostwhite, Shade of Black
Color scheme was created by colourlock

Colors codes in palette

Hyper Minimal CSS Variable Design System Modern Web Component Library UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0d0f15 #0d0f15 RGB(13, 15, 21)Variable Black—
#00c2ff #00c2ff RGB(0, 194, 255)Primary Cyan—
#2ce6b5 #2ce6b5 RGB(44, 230, 181)Secondary Mint—
#ff4d9d #ff4d9d RGB(255, 77, 157)Accent Pink—
#ffb020 #ffb020 RGB(255, 176, 32)Warning Amber—
#a0a9b8 #a0a9b8 RGB(160, 169, 184)Neutral Gray—
#f7faff #f7faff RGB(247, 250, 255)Background White—
#2a2f3a #2a2f3a RGB(42, 47, 58)Border Slate—

Color Palette Contrast

14 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0d0f15
#2a2f3a
1.42
#00c2ff
#2ce6b5
1.28
#00c2ff
#ff4d9d
1.49
#00c2ff
#ffb020
1.13
#00c2ff
#a0a9b8
1.14
#00c2ff
#f7faff
1.97

Image palette Hyper Minimal CSS Variable Design System Modern Web Component Library UI png

Hyper Minimal CSS Variable Design System Modern Web Component Library UI - #571647
 Download image