Tempered Cabin color palette — #FFF0FA · #C9D2FF · #F7B1B9 · #9BA5D7 · #64443C

Ballet Pink and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lilac Frost (#C9D2FF): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#F7B1B9): A whisper-light, balanced red — the color of embers at dusk.
• Mauve (#9BA5D7): A luminous, dusty violet — the color of wild irises.
• Cocoa (#64443C): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Tempered Cabin 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

• Antique Mallow color palette (#FFF0F8, #C6BDFF, #F2A2C0, #8EBAA4, #4F3C46)
• Worn Lilac Station color palette (#FFF1F6, #DDCAFF, #88D6DE, #B29CD6, #39553F)
• Antique Corridor color palette (#F0F5FF, #E0D5F0, #DFCA97, #8596D5, #2B5036)
• Aged Coast color palette (#FFF0F9, #DBDCFF, #B6B4F1, #8686B5, #4A2D3E)
• Mustard Lantern color palette (#FFF0FC, #ADC2FF, #C2B266, #788ABF, #504D46)
• Softworn Seafoam Grove color palette (#E6FBF2, #A6DDFF, #A7D69B, #70B1D8, #4D4E46)
• Softworn Ash color palette (#FFF1F3, #FFD3C2, #B690B1, #7F6568, #332829)
• Powdered Mallow color palette (#FFF1F2, #FBADF1, #6EC9FD, #C189B9, #1E475E)

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