Tempered Navy color palette — #F2E6F1 · #C8B1C0 · #9F8690 · #194281 · #251B25
Built around Navy, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E6F1): a clean, paper-quiet neutral.
- Rosewood Mist (#C8B1C0): A luminous, dusty pink — the color of neon signs at night.
- Heather (#9F8690): A luminous, dusty rose — the color of pressed rose petals.
- Navy (#194281): A deep, shadowed, balanced blue — the color of open sky before noon.
- Onyx (#251B25): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Abyss Hollow color palette (#DFE9E4, #A0C1B8, #9F849A, #004C63, #16221D)
- Aged Corridor color palette (#F0E7ED, #BAA2AB, #98747B, #2F257D, #1E0D18)
- Denim Hollow color palette (#E8F0FA, #BEC4D5, #A3A1BC, #34629A, #122030)
- Tempered Grove color palette (#FEF1F7, #EEC6D2, #BE99B8, #5D4B97, #3D2D35)
- Pewter Dune color palette (#FAF2F8, #E5D7D7, #CEBBB7, #8A6882, #4E444B)
- Timeworn Violet color palette (#E8EBFF, #8B6CB1, #793F6B, #3C3932, #213000)
- Feathered Market color palette (#F2EBDA, #6E8500, #195300, #00324E, #171E00)
- Indigo Boulevard color palette (#FDE8F6, #2CAEFB, #6854FC, #82128A, #200E3B)
Browse the whole catalog at Explore, or see today's palette.