Tempered Periwinkle color palette — #F1F6FB · #DBD9E3 · #BFAFBA · #86AFDF · #404952

A conversation between Cornflower and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Ash (#BFAFBA): A luminous, dusty pink — the color of a candy shop window.
• Cornflower (#86AFDF): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#404952): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Softworn Wisteria color palette (#F4F4FB, #E2D6E1, #BEA79F, #C184F4, #3E3D51)
• Aged Taupe color palette (#F0F5FF, #CCD0F0, #CFA9C8, #A99367, #31544B)
• Softworn Lilac Parlor color palette (#DFE4F3, #9DA1F1, #6C6D8A, #404961, #131920)
• Muted Ridge color palette (#F0F5FF, #D3DAF5, #EEA4FF, #CABCE4, #39355A)
• Patina Iris color palette (#F1F5FD, #E0D5EA, #CFB8D4, #7B8BFF, #2B3344)
• Tempered Cabin color palette (#EDF9F1, #BADED0, #97B880, #7095B0, #2E493F)
• Bronze Alley color palette (#E9FBEC, #A7C9FF, #AE96DB, #B07318, #303D58)
• Muted Petrol Pier color palette (#F6EFF6, #E3D4D6, #CFB7B6, #57779E, #312931)

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