Tempered Periwinkle color palette — #FAF3F6 · #D9DEEF · #7E98D1 · #347C77 · #4D5166
A conversation between Blue Fog and Teal, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FAF3F6): a clean, paper-quiet neutral.
- Silver (#D9DEEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7E98D1): A luminous, balanced violet — the color of a velvet chair.
- Teal (#347C77): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#4D5166): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged coastal, cool, 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
- Tempered Ash color palette (#F6F1EA, #C1E9EC, #7B9FCA, #3C7580, #432E3F)
- Dusty Cerulean Atelier color palette (#F0F7F1, #DADEED, #96B4D7, #57909D, #495364)
- Dusty Terrace color palette (#ECF7FF, #58A2C8, #A3853C, #6E7844, #344551)
- Tempered Boulevard color palette (#EEF6FF, #89B4E3, #CE8457, #3D75B1, #5E4451)
- Cobalt Hollow color palette (#EEF6FF, #A8CAF8, #5B85C3, #364F7C, #263B57)
- Hushed Spruce Grove color palette (#EEE0EE, #4E9E9D, #005267, #00330B, #00142B)
- Forest Loft color palette (#FBF2FA, #87DFE4, #008CB6, #006B35, #1F406D)
- Antique Petrol color palette (#F7EAF4, #82BCC8, #006FA6, #005239, #202B4F)
Browse the whole catalog at Explore, or see today's palette.