Created at 07/04/2025 10:05
  6

Pastel CMS Interface Palette

  • Interface Ice
    #d3f6f3
  • Module Blush
    #ffd3e3
  • Toggle Vanilla
    #fff6cc
  • Editor Plum
    #e8d1ff
  • Hover Frame
    #fafafa
  • Text Ink
    #1b1b1b
The palette consists of Light, Dark colors. Accent colors Toggle Vanilla #fff6cc and Editor Plum #e8d1ff. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1B1B1B (darkest) to #FAFAFA (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): #1B1B1B, #D3F6F3, #E8D1FF, #FAFAFA, #FFD3E3, #FFF6CC

Palette Pastel CMS Interface Palette has combination of 6 codes colors:
HEX: #d3f6f3, RGB: (211, 246, 243); HEX: #ffd3e3, RGB: (255, 211, 227); HEX: #fff6cc, RGB: (255, 246, 204)
HEX: #e8d1ff, RGB: (232, 209, 255); HEX: #fafafa, RGB: (250, 250, 250); HEX: #1b1b1b, RGB: (27, 27, 27)
Simplified version of palette colors
Tint of lightcyan, Shade of Pink, Tint of lemonchiffon, Shade of thistle, Shade of whitesmoke, Shade of Black
Color scheme was created by palettespicker

Colors codes in palette

Pastel CMS Interface Palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d3f6f3 #d3f6f3 RGB(211, 246, 243)Interface Ice
#ffd3e3 #ffd3e3 RGB(255, 211, 227)Module Blush
#fff6cc #fff6cc RGB(255, 246, 204)Toggle Vanilla
#e8d1ff #e8d1ff RGB(232, 209, 255)Editor Plum
#fafafa #fafafa RGB(250, 250, 250)Hover FrameDr. White
#1b1b1b #1b1b1b RGB(27, 27, 27)Text InkEerie Black

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d3f6f3
#ffd3e3
1.16
#d3f6f3
#fff6cc
1.05
#d3f6f3
#e8d1ff
1.21
#d3f6f3
#fafafa
1.1
#ffd3e3
#fff6cc
1.23
#ffd3e3
#e8d1ff
1.04

Image palette Pastel CMS Interface Palette png