Tempered Navy color palette — #F4E4ED · #508094 · #003D6B · #001F1E · #00000C
A conversation between Navy and Slate, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E4ED): A whisper-light, dusty pink — the color of a candy shop window.
- Slate (#508094): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#003D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.
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
- Softworn Navy Workshop color palette (#EED7E1, #4794B9, #00488D, #002C2C, #02001C)
- Mulberry Corridor color palette (#EFECFF, #9B779F, #A53B53, #002C70, #05000E)
- Softworn Pier color palette (#E1EDE0, #93B7DB, #4B64BA, #004A54, #170D33)
- Hushed Chapel color palette (#F7EFF5, #A0D0E0, #0089A8, #005E40, #00233A)
- Moonless Lantern color palette (#E3DBF3, #7040AA, #3E005E, #100023, #020006)
- Nocturne Fern color palette (#DBF0DC, #5F5200, #3A2500, #1C0800, #010100)
- Lowlit Nightshade Basin color palette (#CCE3F8, #093DB5, #2F0081, #1E0035, #050007)
- Charred Lantern color palette (#D8DDFA, #573096, #453C00, #270052, #020100)
Browse the whole catalog at Explore, or see today's palette.