Tempered Navy color palette — #E6F2E8 · #488199 · #003F64 · #001F21 · #000106
Built around Navy, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Slate (#488199): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#003F64): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Navy into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Denim Ridge color palette (#DDECE0, #5692B3, #004B82, #002B31, #00011C)
- Wandering Harbor color palette (#E2ECE4, #8ABDC9, #007984, #004E36, #001921)
- Cocoa Garden color palette (#FAD8E8, #783700, #00415D, #341400, #000103)
- Soft Sapphire color palette (#EAF5EC, #86C2F4, #2E6DD3, #004F61, #110057)
- Cypress Station color palette (#EDF4EE, #C8E0EF, #5D95B8, #006C6F, #112D4C)
- Chestnut Corridor color palette (#F1DECB, #895000, #412400, #18201B, #110600)
- Worn Olive color palette (#F5E3EA, #A4894F, #656A00, #561600, #030100)
- Lowlit Aubergine Summit color palette (#F5DDCB, #5A2E00, #003A31, #2E0059, #030100)
Browse the whole catalog at Explore, or see today's palette.