Created at 07/10/2025 08:40
UI Kit Data Layer Framework
Cardinal Red
#ff5a5f
Interface Ivory
#fafaf9
Grid Overlay Navy
#2b2d42
Payload Violet
#b28dff
Module Mint
#8ff7a7
Action Grey
#dcdcdc
The palette consists of Light, Dark colors. Accent colors Payload Violet #b28dff and Module Mint #8ff7a7. Palette has Warm, Neutral, Cool colors temperature.
Palette UI Kit Data Layer Framework has combination of 6 codes colors:
HEX: #ff5a5f, RGB: (255, 90, 95); HEX: #fafaf9, RGB: (250, 250, 249); HEX: #2b2d42, RGB: (43, 45, 66)
HEX: #b28dff, RGB: (178, 141, 255); HEX: #8ff7a7, RGB: (143, 247, 167); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
Tint of salmon, Shade of whitesmoke, Shade of midnightblue, Shade of mediumpurple, Shade of lightgreen, gainsboro
Color scheme was created by colorhunt
Colors codes in palette
UI Kit Data Layer Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ff5a5f | #ff5a5f | RGB(255, 90, 95) | Cardinal Red | — |
| #fafaf9 | #fafaf9 | RGB(250, 250, 249) | Interface Ivory | — |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Grid Overlay Navy | — |
| #b28dff | #b28dff | RGB(178, 141, 255) | Payload Violet | — |
| #8ff7a7 | #8ff7a7 | RGB(143, 247, 167) | Module Mint | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Action Grey | Gainsboro |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff5a5f | #b28dff | 1.18 |
#fafaf9 | #8ff7a7 | 1.25 |
#fafaf9 | #dcdcdc | 1.31 |
#b28dff | #8ff7a7 | 1.96 |
#b28dff | #dcdcdc | 1.87 |
#8ff7a7 | #dcdcdc | 1.04 |
