Tempered Navy color palette — #F4EFFB · #9F5B88 · #00687E · #173975 · #100D23

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F4EFFB): bright and airy, almost weightless.
• Slate (#9F5B88): A full-bodied, balanced pink — the color of neon signs at night.
• Peacock (#00687E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#173975): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#100D23): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Study color palette (#EEF1FF, #8577C0, #006D57, #005059, #061428)
• Aged Ridge color palette (#F9EEF8, #B4706D, #476AA0, #56446C, #221929)
• Mulberry Ridge color palette (#F6E6FF, #AD005F, #004D70, #27008B, #110014)
• Denim Bloom color palette (#FFF1F4, #AD86BC, #008D8C, #006089, #382330)
• Ultramarine Study color palette (#FFEAFD, #BB313D, #004CB5, #4A0380, #1F0113)
• Misty Fern Quarry color palette (#FDF3EA, #B06D2F, #226E23, #00457C, #40261D)
• Apricot Veranda color palette (#FFF1F6, #E49B4B, #6E8C4D, #006272, #1B1126)
• Aged Pewter color palette (#F7EFF3, #DDD4D3, #B1C2BD, #8F677D, #33292E)

Browse the whole catalog at Explore, or see today's palette.