Tempered Periwinkle color palette — #FAF4EF · #C5ECEF · #7B9ACD · #357B80 · #5F4C58

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#C5ECEF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7B9ACD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#357B80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5F4C58): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, 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

• Muted Powder Market color palette (#F4F6EE, #C2EBEF, #91B5D8, #5B8EA4, #5D4C5E)
• Wandering Cypress Workshop color palette (#FAF4F0, #C9EAE0, #59A6B7, #457D5A, #375147)
• Amber Pier color palette (#ECF9F5, #7FB5E7, #D2824A, #3E77A8, #524C47)
• Patina Petrol Chapel color palette (#EAF4F4, #D4D9ED, #81A0BE, #3D7388, #293748)
• Amber Basin color palette (#E2FCF2, #649FC6, #BD7547, #857638, #344740)
• Stone Pier color palette (#E6FBF4, #E9D6D1, #E9B4AA, #719478, #5D4D5A)
• Cobalt Delta color palette (#FFF0FE, #A5C8F6, #5A84C0, #35537F, #462C46)
• Hushed Cerulean Drift color palette (#FFF2EC, #86DFE6, #008DB0, #00694C, #1C4362)

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