Created at 07/10/2025 08:26
Information Architecture Builder
- Nav Blue#34495e
- Hierarchy Sand#ffe4c4
- Breadcrumb White#fdfcfb
- Focus Slate#6b7280
- Menu Violet#a29bfe
- Pageflow Graphite#2d2d2d
The palette consists of Light, Dark colors. Accent colors Hierarchy Sand #ffe4c4 and Menu Violet #a29bfe. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #2D2D2D (darkest) to #FDFCFB (lightest). The lightness range is wide.
Saturation is mixed — 2 muted and 2 vivid out of 6 colors.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #2D2D2D, #34495E, #6B7280, #A29BFE, #FDFCFB, #FFE4C4
Palette Information Architecture Builder combines 6 color codes:
HEX: #34495e, RGB: (52, 73, 94); HEX: #ffe4c4, RGB: (255, 228, 196); HEX: #fdfcfb, RGB: (253, 252, 251)
HEX: #6b7280, RGB: (107, 114, 128); HEX: #a29bfe, RGB: (162, 155, 254); HEX: #2d2d2d, RGB: (45, 45, 45)
Simplified version of palette colors
Tint of darkslateblue, Tint of White, Tint of slategrey, Tint of lightsteelblue, Shade of Black
Color scheme was created by colorstudio
Colors codes in palette
Information Architecture Builder color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #34495e | #34495e | RGB(52, 73, 94) | Nav Blue | — |
| #ffe4c4 | #ffe4c4 | RGB(255, 228, 196) | Hierarchy Sand | Bisque |
| #fdfcfb | #fdfcfb | RGB(253, 252, 251) | Breadcrumb White | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Focus Slate | — |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | Menu Violet | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Pageflow Graphite | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#34495e | #6b7280 | 1.92 |
#34495e | #2d2d2d | 1.48 |
#ffe4c4 | #fdfcfb | 1.19 |
#ffe4c4 | #a29bfe | 1.98 |
#6b7280 | #a29bfe | 1.99 |
Image palette Information Architecture Builder png
Export Palette
Download the "Information Architecture Builder" in multiple formats for seamless integration into your design projects.
Available formats: