Warmbit Workspace UI

Primary UI Gold
#fff4b4
Secondary Creamframe
#fff9f1
Accent Label Pink
#ffcddc
Accent Draft Mint
#d3fff0
Background Page White
#ffffff
Text Script Black
#1f1f1f

The palette consists of Light, Dark colors. Accent colors Secondary Creamframe #fff9f1 and Accent Draft Mint #d3fff0. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #1F1F1F (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).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #1F1F1F, #D3FFF0, #FFCDDC, #FFF4B4, #FFF9F1, #FFFFFF

Palette Warmbit Workspace UI has combination of 6 codes colors:

HEX: #fff4b4, RGB: (255, 244, 180); HEX: #fff9f1, RGB: (255, 249, 241); HEX: #ffcddc, RGB: (255, 205, 220)

HEX: #d3fff0, RGB: (211, 255, 240); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f1f1f, RGB: (31, 31, 31)

Simplified version of palette colors

Shade of palegoldenrod, Tint of floralwhite, Shade of Pink, Tint of lightcyan, White, Shade of Black

Color scheme was created by colorhunt

More palettes with:

Colors codes in palette

Warmbit Workspace UI color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fff4b4	#fff4b4	RGB(255, 244, 180)	Primary UI Gold	—
#fff9f1	#fff9f1	RGB(255, 249, 241)	Secondary Creamframe	—
#ffcddc	#ffcddc	RGB(255, 205, 220)	Accent Label Pink	—
#d3fff0	#d3fff0	RGB(211, 255, 240)	Accent Draft Mint	—
#ffffff	#ffffff	RGB(255, 255, 255)	Background Page White	White
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Text Script Black	Gray12

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#fff4b4	#fff9f1	1.06
#fff4b4	#ffcddc	1.25
#fff4b4	#d3fff0	1.02
#fff4b4	#ffffff	1.11
#fff9f1	#ffcddc	1.33
#fff9f1	#d3fff0	1.03

Image palette Warmbit Workspace UI png

--color-primary-ui-gold:	#fff4b4;
--color-secondary-creamframe:	#fff9f1;
--color-accent-label-pink:	#ffcddc;
--color-accent-draft-mint:	#d3fff0;
--color-background-page-white:	#ffffff;
--color-text-script-black:	#1f1f1f;

$color-primary-ui-gold:	#fff4b4;
$color-secondary-creamframe:	#fff9f1;
$color-accent-label-pink:	#ffcddc;
$color-accent-draft-mint:	#d3fff0;
$color-background-page-white:	#ffffff;
$color-text-script-black:	#1f1f1f;

@color-primary-ui-gold:	#fff4b4;
@color-secondary-creamframe:	#fff9f1;
@color-accent-label-pink:	#ffcddc;
@color-accent-draft-mint:	#d3fff0;
@color-background-page-white:	#ffffff;
@color-text-script-black:	#1f1f1f;