Tempered Navy color palette — #F7E8F0 · #B89CA6 · #A17A82 · #3E3981 · #10050C
Built around Indigo, softened by Mocha — the whole palette hums with creativity and sophistication.
The five colors
- Blush (#F7E8F0): a clean, paper-quiet neutral.
- Taupe (#B89CA6): A luminous, dusty rose — the color of a warm blush.
- Mocha (#A17A82): A luminous, dusty red — the color of embers at dusk.
- Indigo (#3E3981): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#10050C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, 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
- Hushed Workshop color palette (#E1F1EA, #AF9EB0, #947F8D, #004B6B, #020C08)
- Ancient Navy color palette (#EFE1EA, #A8939A, #876769, #22176C, #13040E)
- Lapis Cabin color palette (#EAEEF7, #A49DA8, #A08099, #534EC6, #040819)
- Aubergine Terrace color palette (#E8EAF1, #B7BAC8, #8E8EAC, #3B1F8B, #00000A)
- Weathered Mulberry Villa color palette (#EDE2E2, #CAADA6, #AC8E80, #7C375C, #1E0F0F)
- Dusty Lagoon color palette (#E8E2FC, #8E6591, #6F3D4E, #2D3702, #001206)
- Pewter Study color palette (#F7EBEF, #ECCFD4, #CFAEAE, #7F62A1, #38292E)
- Muted Pine color palette (#EAE7CE, #3F8744, #005338, #152857, #000901)
Browse the whole catalog at Explore, or see today's palette.