Tempered Shell color palette — #F1F5FF · #FFBDBF · #7978A2 · #464C62 · #292B32

Ballet Pink takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Ballet Pink (#FFBDBF): A whisper-light, dusty red — the color of embers at dusk.
• Slate (#7978A2): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#464C62): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#292B32): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Shell 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 Orchard color palette (#FBF1FF, #F9B282, #9B5B70, #4C3B53, #251F28)
• Weathered Seafoam color palette (#EFF6FF, #A4E1C1, #627FA7, #3F4E62, #252C35)
• Ash Field color palette (#FAF3F7, #F2DAB4, #939ACD, #646A91, #32282F)
• Wandering Canyon color palette (#F3F4FD, #DAC5FF, #BD88AC, #9580B8, #302B37)
• Mallow Meadow color palette (#FFF0F8, #E6A6D5, #BA7E91, #5D775A, #4B4453)
• Muted Lilac Corridor color palette (#F2F5FF, #A59FF1, #C9868E, #4B858D, #373C4D)
• Misty Byzantium Field color palette (#F4F4FF, #FF9C89, #8845AD, #462F55, #19182B)
• Softworn Market color palette (#F5F4FC, #DFD7DF, #BFADB0, #9B96BC, #525257)

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