Created at 06/11/2025 12:22
Composable Web UI Framework
Slot Sky
#87ceeb
Module Mocha
#bfa181
Signal Sage
#b8c1b3
Element Emerald
#50c878
Tree Truffle
#3e2c41
Refactor Rose
#eaa2b4
The palette consists of Light, Dark colors. Accent colors Slot Sky #87ceeb and Refactor Rose #eaa2b4. Palette has Cool, Warm, Neutral colors temperature.
Palette Composable Web UI Framework has combination of 6 codes colors:
HEX: #87ceeb, RGB: (135, 206, 235); HEX: #bfa181, RGB: (191, 161, 129); HEX: #b8c1b3, RGB: (184, 193, 179)
HEX: #50c878, RGB: (80, 200, 120); HEX: #3e2c41, RGB: (62, 44, 65); HEX: #eaa2b4, RGB: (234, 162, 180)
Simplified version of palette colors
skyblue, Tint of tan, Tint of Silver, Shade of mediumseagreen, Tint of darkslateblue, Tint of lightpink
Color scheme was created by colorstudio
Colors codes in palette
Composable Web UI Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #87ceeb | #87ceeb | RGB(135, 206, 235) | Slot Sky | Afternoon Sky |
| #bfa181 | #bfa181 | RGB(191, 161, 129) | Module Mocha | — |
| #b8c1b3 | #b8c1b3 | RGB(184, 193, 179) | Signal Sage | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | Element Emerald | Emerald Reflection |
| #3e2c41 | #3e2c41 | RGB(62, 44, 65) | Tree Truffle | — |
| #eaa2b4 | #eaa2b4 | RGB(234, 162, 180) | Refactor Rose | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#87ceeb | #bfa181 | 1.39 |
#87ceeb | #b8c1b3 | 1.06 |
#87ceeb | #50c878 | 1.22 |
#87ceeb | #eaa2b4 | 1.16 |
#bfa181 | #b8c1b3 | 1.31 |
#bfa181 | #50c878 | 1.14 |
