Edu Navy Color Palette
A scholarly navy palette for educational institutions. Ideal for universities, online courses, and learning platforms.
Deep Navy
HEX: #0a1628
RGB: rgb(10, 22, 40)
HSL: hsl(216, 60%, 10%)
Navy Dark
HEX: #142744
RGB: rgb(20, 39, 68)
HSL: hsl(216, 55%, 17%)
Edu Navy
HEX: #1e3a5f
RGB: rgb(30, 58, 95)
HSL: hsl(214, 52%, 25%)
Academic Blue
HEX: #4a7092
RGB: rgb(74, 112, 146)
HSL: hsl(208, 33%, 43%)
Scholar Light
HEX: #8aafc8
RGB: rgb(138, 175, 200)
HSL: hsl(204, 36%, 66%)
CSS Variables
:root {
--edu-navy-1: #0a1628;
--edu-navy-2: #142744;
--edu-navy-3: #1e3a5f;
--edu-navy-4: #4a7092;
--edu-navy-5: #8aafc8;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'edu-navy': {
'100': '#0a1628',
'200': '#142744',
'300': '#1e3a5f',
'400': '#4a7092',
'500': '#8aafc8',
},
},
},
},
}Use Cases
Universities
Online courses
EdTech platforms
Libraries
Related Palettes
Frequently Asked Questions
Why is navy the classic education color?▾
Navy conveys authority, knowledge, and tradition. Prestigious universities like Yale, Oxford, and Harvard all incorporate navy in their branding, establishing it as the quintessential academic color.
How do I make an education website feel modern with navy?▾
Pair navy with a bright accent color, use plenty of white space, and choose a modern sans-serif font. Avoid serif fonts and heavy patterns that can feel dated.