Headless CMS UI Layout
- Content Sky#a2d2ff
- Editor Fog#ececec
- Publish Navy#2c3e50
- Draft Coral#ff9770
- Preview White#fdfdfd
- Meta Lilac#ddbdd5
Created at 06/14/2025 19:49
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
| 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: