Created at 06/14/2025 19:49
Headless CMS UI Layout
Content Sky
#a2d2ff
Editor Fog
#ececec
Publish Navy
#2c3e50
Draft Coral
#ff9770
Preview White
#fdfdfd
Meta Lilac
#ddbdd5
The palette consists of Light 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 — some muted swatches and some vivid accents.
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): #2C3E50, #A2D2FF, #DDBDD5, #ECECEC, #FDFDFD, #FF9770
Palette Headless CMS UI Layout has combination of 6 codes colors:
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
Shade of lightskyblue, Tint of whitesmoke, Tint of darkslateblue, Tint of lightsalmon, Tint of White, Tint of thistle
Color scheme was created by raccoon
Colors codes in palette
Headless CMS UI Layout color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Content Sky | — |
| #ececec | #ececec | RGB(236, 236, 236) | Editor Fog | — |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | Publish Navy | — |
| #ff9770 | #ff9770 | RGB(255, 151, 112) | Draft Coral | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Preview White | Brilliance |
| #ddbdd5 | #ddbdd5 | RGB(221, 189, 213) | Meta Lilac | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast 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
Export Palette
Download the "Headless CMS UI Layout" in multiple formats for seamless integration into your design projects.
Available formats: