Tempered Forest Pier color palette — #FFF2ED · #B4CDB6 · #3582A2 · #206138 · #203B60

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Pistachio (#B4CDB6): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#3582A2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#206138): A full-bodied, balanced teal — the color of sea glass.
• Navy (#203B60): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Forest 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 Dune color palette (#FCF4EC, #9ED2C1, #5F74B9, #00605F, #3F3258)
• Cerulean Loft color palette (#ECF4ED, #A2D0DF, #008AA3, #005D4D, #002434)
• Dusty Turquoise Atelier color palette (#F9F4ED, #C3DCC6, #21A6C1, #007E6A, #074057)
• Muted Canyon color palette (#E9FBE9, #B1DED2, #C0ACDC, #3B7751, #284537)
• Washed Grove color palette (#F5E9E4, #3A8E98, #00425D, #002413, #000428)
• Cypress Alley color palette (#FCF3F0, #CBEAE1, #7BA490, #54795B, #5D4C5E)
• Ancient Turquoise Drift color palette (#E7F9FF, #4DB4C8, #00718F, #003E50, #00272E)
• Sapphire Grove color palette (#FFF3E6, #7EBFF2, #4B5ED8, #005556, #3E1D66)

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