Architecture Color Palette
Concrete gray, steel blue, warm wood tones, and crisp white reflect modern architectural materiality. This structural palette anchors architecture firm websites, project presentations, and CAD documentation.
#4A5568
Blue
RGB(74, 85, 104)
HSL(218, 17%, 35%)
#6C83A0
Blue
RGB(108, 131, 160)
HSL(213, 21%, 53%)
#BFA074
Vermilion
RGB(191, 160, 116)
HSL(35, 37%, 60%)
#E0E0E0
White
RGB(224, 224, 224)
HSL(0, 0%, 88%)
#F5EFE6
Light Orange
RGB(245, 239, 230)
HSL(36, 43%, 93%)
#FFFFFF
White
RGB(255, 255, 255)
HSL(0, 0%, 100%)
lightbulbBest Use Cases
- checkFirm websites
- checkProject presentations
- checkDocumentation
businessIndustries
- checkArchitecture
- checkInterior Design
Mood:structural
codeUse in Your Code
CSS Custom Properties
:root {
--color-1: #4A5568;
--color-2: #6C83A0;
--color-3: #BFA074;
--color-4: #E0E0E0;
--color-5: #F5EFE6;
--color-6: #FFFFFF;
}Tailwind CSS Config
colors: {
'architecture-1': '#4A5568',
'architecture-2': '#6C83A0',
'architecture-3': '#BFA074',
'architecture-4': '#E0E0E0',
'architecture-5': '#F5EFE6',
'architecture-6': '#FFFFFF',
}architecturestructuralmaterialmodernclean
Want to Extract Colors from Your Own Images?
Upload any photo and get a custom color palette instantly — free.
Try PaletteAI Free