Tempered Periwinkle color palette — #F4F4FF · #F6D5D4 · #EBBE95 · #98A5E1 · #483D5C

Built around Mauve, softened by Sand — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Shell Pink (#F6D5D4): A whisper-light, dusty red — the color of late-summer berries.
• Sand (#EBBE95): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mauve (#98A5E1): A luminous, balanced violet — the color of wild irises.
• Charcoal (#483D5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, 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

• Hushed Powder color palette (#F6F3FF, #FCECC5, #ECD4DF, #B4A7DD, #53485D)
• Dusty Market color palette (#FFF1F3, #FFD1EF, #EBB4C6, #9E7DB2, #56393C)
• Muted Canyon color palette (#F6F3FF, #E2D6DF, #ABAFA2, #A980BF, #332845)
• Quiet Coast color palette (#FFF1F6, #F2D5C2, #FEBF58, #C179DC, #601F22)
• Driftwood Harbor color palette (#F2EBFA, #C4D091, #B26E97, #5E4E70, #1A1124)
• Pale Blush Grove color palette (#FFF0FB, #E7E1CD, #DADC73, #E583B1, #693922)
• Dusty Apricot color palette (#E0D8FE, #F3B4C9, #F7A275, #7878C4, #3E162F)
• Quiet Alley color palette (#FFE5F7, #FBD398, #C4D17F, #C67A89, #462501)

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