Tempered Pine Pier color palette — #F0F3EA · #98D3B0 · #767FB1 · #3F815E · #1D111A

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

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Pistachio (#98D3B0): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#767FB1): A luminous, dusty violet — the color of wild irises.
• Fern (#3F815E): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#1D111A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Weathered Market color palette (#F5F2E8, #C8C885, #4E8BAD, #757540, #0C1914)
• Aged Cypress color palette (#F1F7F1, #ABCAA7, #5184A1, #007E79, #24312C)
• Patina Basin color palette (#EDF4EE, #66D7E1, #AA6D88, #09818A, #1F1211)
• Antique Iris Harbor color palette (#EDF8F8, #ADDEC6, #8997D6, #559D7E, #272E3C)
• Hushed Cerulean color palette (#D0FFE2, #75D0CD, #418AAE, #40527D, #2F1E4B)
• Cocoa Pier color palette (#FFEEE3, #5EBEB5, #6178A5, #794213, #1E3126)
• Feathered Lapis Courtyard color palette (#EAF6E6, #00C1AF, #6C52C7, #006A5F, #14030D)
• Driftwood Quarry color palette (#EEF4ED, #CEDBDB, #B7ADA4, #728B6F, #323831)

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