Tempered Navy color palette — #F3E4EC · #BAA8E8 · #A770BB · #23308A · #020008
Indigo takes the lead with Dusty Rose close behind in a set that reads as creativity and balance at first glance.
The five colors
- Blush (#F3E4EC): a clean, paper-quiet neutral.
- Lavender (#BAA8E8): A luminous, balanced violet — the color of twilight just after sunset.
- Dusty Rose (#A770BB): A luminous, balanced pink — the color of a candy shop window.
- Indigo (#23308A): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged pastel, 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
- Linen Corridor color palette (#FFE3E9, #DDABD6, #C772A4, #502080, #030004)
- Hazy Pier color palette (#EBDCEC, #9EB4EE, #8C82EB, #004D73, #000107)
- Timeworn Lilac Lantern color palette (#ECECFF, #AC81EE, #7E518F, #1B2562, #13092A)
- Tempered Plum color palette (#E4EFFF, #9771B7, #A14B7B, #003248, #02000E)
- Gentle Peony color palette (#EADDE8, #BA9AED, #D66F9F, #0073A7, #220616)
- Softworn Raspberry Chapel color palette (#FDEAEB, #B24DA1, #720031, #4D0044, #040000)
- Antique Indigo color palette (#FFF1F5, #EBD8DF, #FEBDEE, #8067BF, #32173D)
- Tempered Byzantium color palette (#FFF1F3, #FCD1D5, #FA86B1, #9450AD, #24051E)
Browse the whole catalog at Explore, or see today's palette.