Tempered Periwinkle color palette — #EFF6FF · #689BFE · #404364 · #151F2D · #02060A

Built around Cornflower, softened by Navy — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#689BFE): A luminous, balanced violet — the color of a velvet chair.
• Navy (#404364): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#151F2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#02060A): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Periwinkle 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

• Aged Lagoon color palette (#E9F8FF, #00B1CD, #34485D, #0F2129, #020608)
• Lilac Orchard color palette (#F4F4FF, #B885DA, #4D4059, #1D1C2D, #04050B)
• Hushed Alley color palette (#F1DEEE, #80A7FF, #806777, #524550, #1B161C)
• Cobalt Chapel color palette (#EEDFEC, #4371CA, #3F2A31, #1E101D, #020805)
• Deep Boulevard color palette (#E8EEFF, #765BFF, #42124B, #070024, #000104)
• Pale Mustard Courtyard color palette (#F2F5FF, #B8AFFD, #BCAD1C, #53A481, #252A3E)
• Peony Hollow color palette (#F7F2FF, #C362A7, #522529, #130B1D, #010104)
• Magenta Summit color palette (#F5F4FF, #CE48F7, #612040, #151128, #010106)

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