Loading...
Created at 07/04/2025 20:16
Component Library Dreamset
- UI Lavender#d6cdea
- Shadow Card#3a3a3c
- Control Sky#c6f1fc
- Base Plate Beige#fcf5e5
- Primary Action Red#ff5c58
- Element Ice#eaf7ff
The palette consists of Light colors. Accent colors Primary Action Red #ff5c58 and Element Ice #eaf7ff. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #3A3A3C (darkest) to #EAF7FF (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): #3A3A3C, #C6F1FC, #D6CDEA, #EAF7FF, #FCF5E5, #FF5C58
Palette Component Library Dreamset has combination of 6 codes colors:
HEX: #d6cdea, RGB: (214, 205, 234); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #c6f1fc, RGB: (198, 241, 252)
HEX: #fcf5e5, RGB: (252, 245, 229); HEX: #ff5c58, RGB: (255, 92, 88); HEX: #eaf7ff, RGB: (234, 247, 255)
Simplified version of palette colors
Shade of thistle, Tint of darkslategrey, Shade of powderblue, Tint of oldlace, Tint of tomato, Tint of aliceblue
Color scheme was created by colorscheme
Colors codes in palette
Component Library Dreamset color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d6cdea | #d6cdea | RGB(214, 205, 234) | UI Lavender | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Shadow Card | — |
| #c6f1fc | #c6f1fc | RGB(198, 241, 252) | Control Sky | — |
| #fcf5e5 | #fcf5e5 | RGB(252, 245, 229) | Base Plate Beige | — |
| #ff5c58 | #ff5c58 | RGB(255, 92, 88) | Primary Action Red | — |
| #eaf7ff | #eaf7ff | RGB(234, 247, 255) | Element Ice | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d6cdea | #c6f1fc | 1.26 |
#d6cdea | #fcf5e5 | 1.4 |
#d6cdea | #ff5c58 | 1.99 |
#d6cdea | #eaf7ff | 1.39 |
#c6f1fc | #fcf5e5 | 1.11 |
#c6f1fc | #eaf7ff | 1.1 |
Image palette Component Library Dreamset png
Export Palette
Download the "Component Library Dreamset" in multiple formats for seamless integration into your design projects.
Available formats: