Created at 06/20/2025 07:38
Headless UI Theme Builder
Slot White
#fdfdfd
Hook Navy
#1b1f3b
Props Lemon
#ffe873
State Clay
#e0d3c5
Render Graphite
#232323
Context Coral
#ffaaa5
The palette consists of Light, Dark colors. Accent colors Hook Navy #1b1f3b and Props Lemon #ffe873. Palette has Neutral, Cool, Warm colors temperature.
Palette Headless UI Theme Builder has combination of 6 codes colors:
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #1b1f3b, RGB: (27, 31, 59); HEX: #ffe873, RGB: (255, 232, 115)
HEX: #e0d3c5, RGB: (224, 211, 197); HEX: #232323, RGB: (35, 35, 35); HEX: #ffaaa5, RGB: (255, 170, 165)
Simplified version of palette colors
Tint of White, Tint of midnightblue, Shade of Khaki, Tint of antiquewhite, Shade of Black, Tint of lightpink
Color scheme was created by colorslib
Colors codes in palette
Headless UI Theme Builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Slot White | Brilliance |
| #1b1f3b | #1b1f3b | RGB(27, 31, 59) | Hook Navy | — |
| #ffe873 | #ffe873 | RGB(255, 232, 115) | Props Lemon | — |
| #e0d3c5 | #e0d3c5 | RGB(224, 211, 197) | State Clay | — |
| #232323 | #232323 | RGB(35, 35, 35) | Render Graphite | Young Night |
| #ffaaa5 | #ffaaa5 | RGB(255, 170, 165) | Context Coral | Alright Then I Became a Princess |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fdfdfd | #ffe873 | 1.21 |
#fdfdfd | #e0d3c5 | 1.44 |
#fdfdfd | #ffaaa5 | 1.78 |
#1b1f3b | #232323 | 1.02 |
#ffe873 | #e0d3c5 | 1.19 |
#ffe873 | #ffaaa5 | 1.47 |
