Dark Khaki & Blue Color Palette

01 #BDB76B
02 #5F5CB5
03 #0000FF
04 #EBE9D3
05 #000066

Why do Dark Khaki and Blue go well together?

A palette built with Dark Khaki (#BDB76B) and Blue (#0000FF) delivers a harmonious aesthetic. The contrast score of 4.15: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 Dark Khaki & Blue color combination

Applying the Dark Khaki 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 #BDB76B 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.

Dark Khaki Canvas

Dark Khaki & Blue UI Layout

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

Blue Focus Rate 85%

🛠 Stylesheet Integration Codes

CSS Variables 
:root {
  --color-primary:   #BDB76B;
  --color-secondary: #0000FF;
  --color-midtone:   #5F5CB5;
  --color-highlight: #EBE9D3;
  --color-shadow:    #000066;
}

◉ Parent Color Reference Sheets

Dark Khaki Details All web and printing specifications
Blue Details All web and printing specifications
Copied!