Tan & Blue Color Palette

01 #D2B48C
02 #695AC6
03 #0000FF
04 #F2E9DD
05 #000066

Why do Tan and Blue go well together?

A palette built with Tan (#D2B48C) and Blue (#0000FF) delivers a harmonious aesthetic. The contrast score of 4.36:1 indicates that this relationship meets large-text contrast requirements, offering decent visibility for headers and prominent layout shapes. Integrating these two shades helps create depth in layouts.

How to use the Tan & Blue color combination

Applying the Tan and Blue color scheme gives projects a balanced, professional feel. It fits cleanly into tech applications, banking software, and retail labels. A solid structural strategy is to use the heavier tone #D2B48C for headers and typography, while reserving the secondary #0000FF to guide user attention to key elements.

👁 Live UI Mockup Preview

See how this palette coordinates on actual web components.

Tan Canvas

Tan & Blue UI Layout

This component template demonstrates Tan styling applied to headers and Blue styled interactive blocks.

Blue Focus Rate 85%

🛠 Stylesheet Integration Codes

CSS Variables 
:root {
  --color-primary:   #D2B48C;
  --color-secondary: #0000FF;
  --color-midtone:   #695AC6;
  --color-highlight: #F2E9DD;
  --color-shadow:    #000066;
}

◉ Parent Color Reference Sheets

Tan Details All web and printing specifications
Blue Details All web and printing specifications
Copied!