Tempered Periwinkle color palette — #EFF6FF · #F6C6D5 · #7397C8 · #48648B · #1A222C

A conversation between Blue Fog and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Shell Pink (#F6C6D5): A whisper-light, dusty rose — the color of a warm blush.
• Blue Fog (#7397C8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#48648B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#1A222C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Tempered Iris color palette (#F2F5FE, #D3DBA8, #8B8DCE, #5B5C93, #1D212D)
• Wandering Petrol color palette (#F9F3FA, #9ED3B3, #50759B, #274463, #291D2A)
• Antique Ash Lagoon color palette (#F3F5FB, #DFD8E1, #BFAEB0, #A6A4DE, #444751)
• Aged Indigo color palette (#D8E5FF, #D1C152, #5F6FEB, #38419E, #040D29)
• Hushed Violet Cabin color palette (#DDDCEB, #A0C685, #9063AB, #5B3671, #0B061F)
• Washed Apricot color palette (#F9EEF8, #E3A46E, #375585, #351D35, #120912)
• Emerald Villa color palette (#E4FBF4, #B2C5FF, #C98CC6, #309763, #353B59)
• Hushed Canyon color palette (#F1F6FC, #BBD7FF, #E6939D, #5FA2FF, #2D1E2E)

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