Tempered Pier color palette — #FFF1F7 · #6F55B2 · #6C3F00 · #01440C · #07281C

Cornflower Indigo takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Cornflower Indigo (#6F55B2): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6C3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#01440C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#07281C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, 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

• Powdered Violet color palette (#FFECF0, #9957AD, #853C00, #084807, #003045)
• Hushed Mulberry color palette (#FFF1F4, #834093, #544700, #003D32, #251424)
• Softworn Cobalt Parlor color palette (#FEF0FC, #2D71CB, #762400, #363900, #142717)
• Mulberry Terrace color palette (#FCECD4, #A16AC4, #9B1D66, #394600, #46252B)
• Plum Corridor color palette (#FFEDEE, #AB3B92, #753A00, #482600, #000E07)
• Pewter Dune color palette (#FAF3F5, #E3D6D2, #CAAAAA, #725296, #44363B)
• Aubergine Studio color palette (#F2DCE4, #6503A0, #392700, #001E0A, #000704)
• Washed Olive Workshop color palette (#ECF7FF, #008ADF, #398100, #005F44, #042224)

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