Tempered Pier color palette — #F3F4FF · #9785BC · #618B63 · #476949 · #393B4E

Slate Blue and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Slate Blue (#9785BC): A luminous, balanced violet — the color of wild irises.
• Fern (#618B63): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#476949): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#393B4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Ancient Ash color palette (#F0F5FF, #7B8FC1, #488D85, #3E6285, #353D4D)
• Antique Fern Field color palette (#F6F3FF, #AC7FA5, #A26760, #5E642C, #3F3A4B)
• Washed Meadow color palette (#FEEDF1, #A587B8, #898551, #107045, #311B22)
• Aged Lagoon Quarry color palette (#F4F4FF, #BE9BD3, #A29E6D, #308D69, #3C3B4D)
• Ash Grove color palette (#E3FBF7, #BA98CE, #A0655C, #326071, #4C4259)
• Patina Rust Workshop color palette (#FFF0FA, #BD644E, #228272, #006154, #402B3A)
• Softworn Harbor color palette (#F6F4FB, #E2D8DB, #B2ABA2, #987592, #535158)
• Muted Orchid Lagoon color palette (#F6F3FF, #AA45AF, #007A54, #00583C, #3E1C3F)

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