Tempered Navy color palette — #F6EEFD · #AD6D8A · #006688 · #25387C · #151128
Navy and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F6EEFD): A whisper-light, dusty violet — the color of wild irises.
- Dusty Rose (#AD6D8A): A luminous, balanced rose — the color of strawberry cream.
- Peacock (#006688): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#25387C): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#151128): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, 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
- Washed Pewter Grove color palette (#F1F1FB, #89659C, #00716D, #00445C, #091026)
- Ancient Aubergine color palette (#F9EEF7, #BA7B72, #516699, #603C7F, #1F1325)
- Quiet Orchard color palette (#E7F5F5, #609D78, #00727F, #103C84, #2B0F3A)
- Quiet Bronze color palette (#FEF3E8, #AA670A, #006A5A, #34357E, #362519)
- Feathered Garnet color palette (#FFECF2, #A06524, #593484, #5C0043, #160312)
- Dusty Grove color palette (#FFE5FD, #C30037, #003C92, #3E006E, #11000A)
- Emerald Boulevard color palette (#EDF8F2, #C4B256, #2A965F, #4A529A, #271321)
- Tempered Boulevard color palette (#E2F8EB, #AA9D5F, #647234, #00524F, #002B1B)
Browse the whole catalog at Explore, or see today's palette.