Tempered Periwinkle color palette — #FFF1F6 · #F4D3E1 · #F0B8B1 · #8F9DEC · #533D63

Cornflower takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#F4D3E1): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#F0B8B1): A whisper-light, dusty orange — the color of autumn markets.
• Cornflower (#8F9DEC): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#533D63): A full-bodied, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, 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

• Wisteria Meadow color palette (#FFF1F2, #E9D5CF, #E7C397, #CD97DA, #683747)
• Weathered Cerulean color palette (#FFF0FA, #EDD2D7, #F0BD91, #2A99C6, #553B5F)
• Antique Summit color palette (#D8FFF3, #E8E4F1, #ECC4E3, #32BBE0, #2C4162)
• Worn Cocoa color palette (#FFF2EE, #E0D9CF, #D4AEAC, #A3B9D3, #7F4223)
• Antique Market color palette (#F7DFE1, #EBB0A8, #DD9966, #9B77C9, #37152F)
• Quiet Studio color palette (#FFF1F3, #F8C75A, #BB6DB3, #784872, #2E0F15)
• Fuchsia Harbor color palette (#CFF4F6, #FFB36D, #F690FF, #664669, #331C21)
• Sapphire Lantern color palette (#EEF1FF, #FECDE4, #FF9AC8, #5063BE, #272643)

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