Created at 06/08/2025 14:46
Component-Driven Design Board
Atomic Peach
#ffbcbc
Reusable Slate
#708090
Molecule Lime
#d0f4de
Design Token Aqua
#7fdbff
Dark Card Shell
#1f1f1f
Slot Light Cream
#fffdf7
The palette consists of Light, Dark colors. Accent colors Design Token Aqua #7fdbff and Slot Light Cream #fffdf7. Palette has Warm, Cool, Neutral colors temperature.
Palette Component-Driven Design Board has combination of 6 codes colors:
HEX: #ffbcbc, RGB: (255, 188, 188); HEX: #708090, RGB: (112, 128, 144); HEX: #d0f4de, RGB: (208, 244, 222)
HEX: #7fdbff, RGB: (127, 219, 255); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #fffdf7, RGB: (255, 253, 247)
Simplified version of palette colors
Shade of lightpink, slategrey, Tint of honeydew, Shade of skyblue, Shade of Black, Shade of floralwhite
Color scheme was created by raccoon
Colors codes in palette
Component-Driven Design Board color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffbcbc | #ffbcbc | RGB(255, 188, 188) | Atomic Peach | Peach Scone |
| #708090 | #708090 | RGB(112, 128, 144) | Reusable Slate | Chain Gang Grey |
| #d0f4de | #d0f4de | RGB(208, 244, 222) | Molecule Lime | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | Design Token Aqua | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Dark Card Shell | Gray12 |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Slot Light Cream | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffbcbc | #d0f4de | 1.34 |
#ffbcbc | #7fdbff | 1.02 |
#ffbcbc | #fffdf7 | 1.56 |
#d0f4de | #7fdbff | 1.31 |
#d0f4de | #fffdf7 | 1.16 |
#7fdbff | #fffdf7 | 1.53 |
Image palette Component-Driven Design Board png
Export Palette
Download the "Component-Driven Design Board" in multiple formats for seamless integration into your design projects.
Available formats: