Created at 06/08/2025 17:51
UI Framework Color Strategy Board
Design Hue Orange
#f6ae2d
Accent Indigo
#4c5c96
Text Base Black
#1b1b1b
Surface Neutral
#f2f2f2
Warning Pink
#ff6f91
Primary Mint
#a0f6b4
The palette consists of Light, Semi dark, Dark colors. Accent colors Warning Pink #ff6f91 and Primary Mint #a0f6b4. Palette has Warm, Cool, Neutral colors temperature.
Palette UI Framework Color Strategy Board has combination of 6 codes colors:
HEX: #f6ae2d, RGB: (246, 174, 45); HEX: #4c5c96, RGB: (76, 92, 150); HEX: #1b1b1b, RGB: (27, 27, 27)
HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #ff6f91, RGB: (255, 111, 145); HEX: #a0f6b4, RGB: (160, 246, 180)
Simplified version of palette colors
Shade of Orange, Shade of darkslateblue, Shade of Black, Tint of whitesmoke, Shade of palevioletred, Shade of lightgreen
Color scheme was created by colorslib
Colors codes in palette
UI Framework Color Strategy Board color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f6ae2d | #f6ae2d | RGB(246, 174, 45) | Design Hue Orange | — |
| #4c5c96 | #4c5c96 | RGB(76, 92, 150) | Accent Indigo | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Text Base Black | Eerie Black |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Surface Neutral | Gray95 |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Warning Pink | — |
| #a0f6b4 | #a0f6b4 | RGB(160, 246, 180) | Primary Mint | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f6ae2d | #f2f2f2 | 1.7 |
#f6ae2d | #ff6f91 | 1.38 |
#f6ae2d | #a0f6b4 | 1.48 |
#f2f2f2 | #a0f6b4 | 1.14 |
Image palette UI Framework Color Strategy Board png
Export Palette
Download the "UI Framework Color Strategy Board" in multiple formats for seamless integration into your design projects.
Available formats: