Pine Terrace color palette — #F3D3E7 · #008E55 · #005665 · #5D0E2D · #002B24

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

The five colors

• Thistle (#F3D3E7): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008E55): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005665): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#5D0E2D): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Forest (#002B24): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Patina Workshop color palette (#FDCFE5, #678315, #005A50, #53154B, #052D0B)
• Denim Dune color palette (#F8D1E8, #008A7F, #00517F, #581E00, #002A2F)
• Weathered Aubergine color palette (#CDE7E8, #007C57, #562988, #5A001F, #341600)
• Muted Hollow color palette (#D9F5FB, #00635A, #3E3840, #001E27, #000B0E)
• Worn Orchard color palette (#D1EBE5, #639A7C, #00625B, #2E4612, #00321E)
• Pale Ultramarine color palette (#FFDEBA, #008D9B, #1641BE, #503000, #002E3E)
• Muted Lime color palette (#D0F7FD, #9FC940, #00A188, #006B9A, #00282A)
• Washed Petrol color palette (#FFF0F9, #47AAA1, #2F6FA0, #703F2A, #24424E)

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