Tempered Ash Pier color palette — #FFF0FB · #E7D8D6 · #C1E0B1 · #B684AA · #5B444F

Dusty Rose and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Celadon Mist (#C1E0B1): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#B684AA): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#5B444F): A full-bodied, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Tempered Ash Pier 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 Atelier color palette (#FFF2ED, #DFDDCD, #9AC4BF, #C091A4, #6E3904)
• Wandering Seafoam color palette (#FFF0F7, #FDF8C2, #9DEEC7, #BF8292, #435341)
• Weathered Cocoa Field color palette (#FFF2EB, #DFDACC, #CDBD8A, #9F6F75, #784311)
• Mint Courtyard color palette (#FFF0F9, #F0D68D, #4DDF97, #C24F81, #513303)
• Timeworn Coral color palette (#FFF0FB, #E87A68, #AC76C4, #825E92, #3E2C3A)
• Chalky Grove color palette (#DEFFE4, #96EBDE, #3DD8FC, #D16E65, #474319)
• Bronze Cabin color palette (#FEF2F5, #D6C389, #976625, #593642, #2C1C22)
• Apricot Loft color palette (#E0E5FF, #73DAFF, #FFA287, #533D4C, #30272D)

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