Tempered Periwinkle color palette — #FFF1F6 · #D7D4DF · #80AEFF · #008690 · #302E5B

Cornflower and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Silver (#D7D4DF): bright and airy, almost weightless.
• Cornflower (#80AEFF): A luminous, balanced violet — the color of wild irises.
• Cerulean (#008690): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#302E5B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Cabin color palette (#FDF1F9, #CED9F0, #49B4DA, #317F63, #193046)
• Frosted Powder Quarry color palette (#FFF1F6, #CDE8FF, #96B4FF, #00A6A1, #453170)
• Feathered Iris color palette (#ECFAEA, #DCE0F3, #6C93FF, #00707E, #251751)
• Softworn Powder Field color palette (#FAF2F8, #D3D5E4, #B6B9E6, #709E86, #3D5060)
• Worn Quarry color palette (#EEF6FF, #DFD9E3, #B4B0A6, #35A8B2, #243753)
• Soft Studio color palette (#FBF4EA, #A4D5FA, #327EDF, #006476, #2D3A75)
• Chalky Harbor color palette (#FCE8F0, #69C2F4, #1663C5, #003D40, #020013)
• Tempered Azure Harbor color palette (#DAFDFF, #4FDBFD, #009FE1, #305BB1, #232A5E)

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