Tempered Navy color palette — #ECDEE2 · #4E7DA4 · #29317B · #001F20 · #020007
A conversation between Navy and Slate, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#ECDEE2): a clean, paper-quiet neutral.
- Slate (#4E7DA4): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#29317B): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Aged Courtyard color palette (#E7F2E9, #5E84A8, #083388, #00212B, #06002B)
- Lagoon Lantern color palette (#E5DBE5, #24888C, #004257, #00210B, #000105)
- Weathered Nightshade color palette (#E7DED1, #78A7D2, #1E4DAA, #002A35, #01000A)
- Nightshade Ridge color palette (#F2E9DF, #6E9E91, #474DA0, #003B3E, #110020)
- Quiet Bronze color palette (#E1DBF6, #B86586, #A65200, #002C5C, #050006)
- Timeworn Cobalt Atelier color palette (#FAEEF5, #AECCDD, #4580B7, #005D4A, #191C40)
- Nightshade Grove color palette (#D1E4FE, #5136B7, #3C0067, #220024, #040002)
- Lowlit Courtyard color palette (#F0DBEF, #92358D, #4D0050, #130019, #030004)
Browse the whole catalog at Explore, or see today's palette.