Tempered Pier color palette — #F5E9FF · #FFA7DB · #1AC12D · #3A5E39 · #0E2321

Clover takes the lead with Carnation close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F5E9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Carnation (#FFA7DB): A whisper-light, balanced pink — the color of neon signs at night.
• Clover (#1AC12D): A luminous, vivid green — the color of new leaves after rain.
• Pine (#3A5E39): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#0E2321): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Ancient Mint color palette (#FFEAE9, #D1ABFF, #00DA7B, #2D593D, #0F2323)
• Feathered Coast color palette (#ECD9EF, #A8BCFF, #82B900, #215247, #16221F)
• Timeworn Lagoon Workshop color palette (#E3F2F2, #F1BC91, #2F9D75, #24644B, #001B1C)
• Softworn Aqua color palette (#F7DBD3, #FF9EBB, #00D2C9, #235661, #162427)
• Sunlit Clover Studio color palette (#FBEDCE, #2ECDFC, #00CF77, #383A34, #1A1D13)
• Blush Lagoon color palette (#EDECFE, #FF7B9B, #00913F, #004017, #000605)
• Dusty Mustard Balcony color palette (#F9E9FD, #A8BCFF, #E6AD00, #3B5C43, #17241A)
• Wandering Harbor color palette (#EFF7F9, #D4DAE3, #BEC1DA, #11B7AE, #2B3E43)

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