Tempered Pier color palette — #F9F3F9 · #FFC4C0 · #9FB975 · #DD8581 · #0B2A23

Built around Watermelon, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Shell Pink (#FFC4C0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#9FB975): A luminous, balanced green — the color of new leaves after rain.
• Watermelon (#DD8581): A luminous, balanced orange — the color of autumn markets.
• Deep Forest (#0B2A23): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Patina Grove color palette (#FEF1F5, #FFCA8E, #38C6BB, #CE944F, #13282C)
• Fuchsia Market color palette (#F7F3FE, #FAC0E9, #D8A266, #D77EC0, #301E24)
• Airy Ember Cabin color palette (#FBF2F7, #EEDBBE, #B79C34, #D66415, #02170A)
• Bronze Ridge color palette (#FBF3EE, #F6B291, #AB8B35, #B9683C, #2C2212)
• Timeworn Chapel color palette (#FFF1EE, #FEC292, #CBAB59, #808A30, #094A08)
• Weathered Cobalt Parlor color palette (#E9FBEA, #FAB593, #ACA866, #747CBA, #52323D)
• Aged Clover Field color palette (#FDECF6, #FFAB86, #00BA51, #E65E00, #001705)
• Hushed Taupe color palette (#FBF2F6, #CCDADD, #D69D7A, #A4A3B0, #50444A)

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