Tempered Periwinkle color palette — #E8FAF3 · #D3E1ED · #C6BCE6 · #7CAFFF · #002741

Cornflower and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
• Silver (#D3E1ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#C6BCE6): A luminous, dusty violet — the color of twilight just after sunset.
• Cornflower (#7CAFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Powder Summit color palette (#FDF1FD, #D7D3DF, #B6BEFF, #C5B7BC, #213254)
• Tempered Sky Workshop color palette (#E8FBEF, #C9E7F6, #77E4FF, #38B1FD, #00202C)
• Sapphire Harbor color palette (#FFF0FC, #A4BDFF, #00C29B, #4869E6, #003025)
• Turquoise Coast color palette (#F5F6EF, #BCE1EB, #47B6D3, #007F80, #003444)
• Tempered Lantern color palette (#FEF0FB, #D9D3DD, #B89EA4, #A989FF, #1E214F)
• Pale Grove color palette (#EFF6FF, #AFCBFF, #6A8AF5, #4749B6, #2D2C5A)
• Feathered Dune color palette (#E3FCF2, #6FFFE8, #7FD9FF, #ACA0FF, #0C3D32)
• Azure Archive color palette (#ECF7FF, #46E0FD, #00A9E1, #3C74BF, #0A3552)

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