Tempered Shell color palette — #FFF0FA · #FFB19B · #9EB27D · #5192A1 · #3E3F5D

A conversation between Melon and Sage, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Melon (#FFB19B): A whisper-light, balanced orange — the color of sun-warmed clay.
• Sage (#9EB27D): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#5192A1): A luminous, dusty blue — the color of deep harbor water.
• Navy (#3E3F5D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Aged Cypress Hollow color palette (#FDF3ED, #FABBA1, #67A89D, #1A797E, #3C3154)
• Wandering Cabin color palette (#F9F2FF, #FFA8D4, #C4A373, #5C957C, #31445A)
• Honey Balcony color palette (#EDF9EF, #EFC05B, #6ABBAC, #7D84AD, #503952)
• Washed Courtyard color palette (#FFF0FA, #FFCFDE, #ADC4B7, #829CAB, #424D5A)
• Ancient Sand Ridge color palette (#FFF0F8, #FFC68B, #D8AD70, #A49666, #3C594A)
• Apricot Alley color palette (#FFECF5, #FB9B64, #6E826E, #5D5057, #242023)
• Airy Clover color palette (#FFF1F7, #FF9B46, #38B44B, #007FAE, #4A1454)
• Timeworn Cypress color palette (#F4F2EA, #A0A06F, #468061, #005662, #361D35)

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