Generate Palette
  1. Color Palettes
  2. Headless CMS UI Layout

Headless CMS UI Layout

  • Content Sky
    #a2d2ff
  • Editor Fog
    #ececec
  • Publish Navy
    #2c3e50
  • Draft Coral
    #ff9770
  • Preview White
    #fdfdfd
  • Meta Lilac
    #ddbdd5
  11

Headless CMS UI Layout has 6 colors, mostly blue and orange. The lightest color is Preview White (#FDFDFD), the darkest Publish Navy (#2C3E50). Its strongest contrast pair is #2C3E50 on #FDFDFD (10.7:1, WCAG AAA).

Created at 06/14/2025 19:49
byraccoon
The palette consists of Light, Semi dark colors. Accent colors Content Sky #a2d2ff and Draft Coral #ff9770. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2C3E50 (darkest) to #FDFDFD (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 2 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 cool (3 of 6).

HEX codes (sorted): #2C3E50, #A2D2FF, #DDBDD5, #ECECEC, #FDFDFD, #FF9770

Palette Headless CMS UI Layout combines 6 color codes:
HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #ececec, RGB: (236, 236, 236); HEX: #2c3e50, RGB: (44, 62, 80)
HEX: #ff9770, RGB: (255, 151, 112); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #ddbdd5, RGB: (221, 189, 213)
Simplified version of palette colors
Tint of Light Sky Blue, Shade of White Smoke, Shade of Dark Slate Blue, Shade of Light Salmon, Shade of White, Shade of Thistle
Color scheme was created by raccoon

Color codes in palette

Headless CMS UI Layout color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#a2d2ff#a2d2ffRGB(162, 210, 255)Content Sky—
#ececec#ecececRGB(236, 236, 236)Editor Fog—
#2c3e50#2c3e50RGB(44, 62, 80)Publish Navy—
#ff9770#ff9770RGB(255, 151, 112)Draft Coral—
#fdfdfd#fdfdfdRGB(253, 253, 253)Preview WhiteBrilliance
#ddbdd5#ddbdd5RGB(221, 189, 213)Meta Lilac—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#a2d2ff
#ececec
1.34
#a2d2ff
#ff9770
1.33
#a2d2ff
#fdfdfd
1.56
#a2d2ff
#ddbdd5
1.07
#ececec
#ff9770
1.79
#ececec
#fdfdfd
1.16

Image palette Headless CMS UI Layout png

Headless CMS UI Layout color palette: Content Sky, Editor Fog, Publish Navy, Draft Coral, Preview White, Meta Lilac
 Download image