Tempered Shell Thicket color palette — #FFF1F1 · #FAA8B8 · #B36E67 · #7C4E38 · #534501

A conversation between Ballet Pink and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Ballet Pink (#FAA8B8): A luminous, balanced red — the color of late-summer berries.
• Mocha (#B36E67): A luminous, balanced orange — the color of toasted spice.
• Coffee (#7C4E38): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#534501): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Worn Fern color palette (#FFF2EE, #E9B08A, #A27B4E, #6C5D29, #474B06)
• Dusty Workshop color palette (#FFF2EE, #E3D2CC, #FDACB3, #BB8966, #743818)
• Timeworn Bronze color palette (#F6F3FF, #F7BDD2, #CB8F8B, #9A6240, #623E00)
• Cocoa Canyon color palette (#FBF1FF, #E0AAD7, #A86E89, #804B52, #70322C)
• Ancient Driftwood Station color palette (#FCF2F1, #E1D9D1, #A6AFA4, #9E7673, #5A504F)
• Weathered Grove color palette (#F1DBD3, #B36300, #604400, #2C2600, #021807)
• Ancient Amber Study color palette (#FFD8D1, #DD834A, #915B00, #523E00, #1D340F)
• Blush Garden color palette (#FFF2EF, #D7758B, #797332, #205E62, #563845)

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