Tempered Pine Harbor color palette — #F9D6C0 · #008E50 · #005764 · #5D0D33 · #19290E

A conversation between Fern and Mulberry, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#F9D6C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Fern (#008E50): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005764): A full-bodied, dusty blue — the color of open sky before noon.
• Mulberry (#5D0D33): A deep, shadowed, balanced rose — the color of strawberry cream.
• Deep Forest (#19290E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Hushed Olive color palette (#F9D7B9, #698300, #005A4E, #530D55, #242700)
• Wandering Olive Market color palette (#F1DAD5, #2F8F2C, #005568, #560026, #00130C)
• Weathered Denim color palette (#FED4C0, #008981, #005082, #5B1813, #092B17)
• Dusty Coast color palette (#FFEBE6, #007763, #00425D, #4B0008, #001B1B)
• Worn Emerald Ridge color palette (#E7E6D1, #39A26B, #006359, #334418, #252C11)
• Soft Moss Corridor color palette (#EBD5F0, #58A947, #00768B, #7E1B3C, #002C1F)
• Worn Market color palette (#E0E4CF, #007F2B, #233B96, #5C0203, #3C0C00)
• Washed Ultramarine color palette (#FFDDC5, #008D9C, #1F40BD, #572B00, #002D3F)

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