Tempered Shell color palette — #FDF1FD · #FFA7AC · #72BDC3 · #538D92 · #382D39

Ballet Pink and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#FFA7AC): A luminous, balanced red — the color of embers at dusk.
• Cyan (#72BDC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#538D92): A luminous, dusty blue — the color of a favorite pair of jeans.
• Espresso (#382D39): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Dusty Apricot Thicket color palette (#FFF0F8, #FFAD7D, #95AEE2, #6D82AC, #3B2D34)
• Patina Mallow Corridor color palette (#F4F4FF, #DAAFF9, #70C0AA, #558F7F, #30303E)
• Taupe Villa color palette (#E9FBEE, #FFD0C7, #A8A665, #5E7491, #4E3841)
• Tempered Grove color palette (#FBF2F7, #CBDADD, #D1A8AC, #9BA0A9, #524B4F)
• Washed Canyon color palette (#FFF2ED, #F1AFAD, #C0B885, #9F8FC4, #652810)
• Misty Apricot Veranda color palette (#FFF0FC, #FF9484, #008DC2, #00709B, #2B0F27)
• Linen Grove color palette (#E7FCEC, #DAAC15, #7F9ED5, #5672A5, #19291D)
• Wandering Denim color palette (#F1F0FD, #A588B2, #449097, #006691, #222031)

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