Tempered Pine Pier color palette — #F7DBCE · #198F49 · #00546E · #570800 · #00120F

Built around Fern, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DBCE): A whisper-light, dusty orange — the color of toasted spice.
• Fern (#198F49): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00546E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#570800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#00120F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Olive Balcony color palette (#FCE5E1, #668600, #00575C, #550030, #001306)
• Linen Garden color palette (#FDE3D4, #1EA176, #006192, #631F01, #081D09)
• Airy Navy color palette (#FEE5CB, #008C7B, #004998, #412500, #001115)
• Softworn Garnet Drift color palette (#EEDBBE, #008A79, #005669, #5A0F3B, #112B12)
• Hazy Jade color palette (#F3D1F4, #00AC7D, #0070A8, #762B34, #002932)
• Twilit Navy color palette (#F1E5D4, #006262, #19008E, #1E1100, #000203)
• Cypress Study color palette (#DCEFDD, #006264, #373842, #001C32, #000801)
• Muted Fern Lantern color palette (#F2E5DC, #A58B39, #455F00, #00433E, #181100)

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