Tempered Navy color palette — #E1F0EB · #AB9AA4 · #8F6E95 · #00395E · #000604
Built around Navy, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Cream (#E1F0EB): bright and airy, almost weightless.
- Taupe (#AB9AA4): A luminous, dusty pink — the color of a candy shop window.
- Slate (#8F6E95): A full-bodied, dusty pink — the color of a candy shop window.
- Navy (#00395E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Navy Balcony color palette (#F1E7F1, #B5A3AF, #967384, #00366F, #1A101A)
- Navy Drift color palette (#F0E5EC, #9D878C, #83615E, #231070, #030002)
- Timeworn Denim color palette (#DEEBF7, #A9B3D1, #9691AC, #00568D, #0B151E)
- Tempered Archive color palette (#F6EDEE, #C2AEAA, #A68572, #6A1373, #130609)
- Pewter Cabin color palette (#F7EFF1, #DED4CE, #D0AFA1, #7A5092, #281D20)
- Muted Aubergine color palette (#DBF4E2, #526C96, #6D276A, #002E19, #000C04)
- Cerulean Station color palette (#F6F0F4, #DED5D3, #BDB3A2, #7181AD, #3A3439)
- Lapis Garden color palette (#F9E6F4, #009AB0, #3443FF, #7F004C, #05000D)
Browse the whole catalog at Explore, or see today's palette.