Tempered Navy color palette — #E7EDDB · #4B87B0 · #003E6C · #00202C · #00081D
Navy takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E7EDDB): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#4B87B0): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E6C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00202C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00081D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Lagoon Station color palette (#E8E9D4, #2D918E, #004649, #00231D, #000C0E)
- Gentle Navy color palette (#E7ECDD, #5E94C7, #004694, #002D41, #010942)
- Tempered Indigo color palette (#E5DCD5, #7CA6C6, #536ACE, #005D5D, #0F0023)
- Weathered Market color palette (#EFF0DF, #68C2C8, #007584, #00504B, #003440)
- Seafoam Garden color palette (#F6F6E9, #72E4DE, #009196, #006858, #004951)
- Coral Lagoon color palette (#FFDDDD, #D87666, #A75C2B, #5C1B2F, #220600)
- Lowlit Chestnut Studio color palette (#EEE3D6, #745300, #3D2600, #1C0C00, #050300)
- Softworn Nightshade color palette (#FFE4DF, #960046, #0519B3, #42001B, #000025)
Browse the whole catalog at Explore, or see today's palette.