Pine Canyon color palette — #FAD0E9 · #008E58 · #005666 · #5B1134 · #002A2F

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

The five colors

• Thistle (#FAD0E9): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008E58): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005666): A full-bodied, dusty blue — the color of deep harbor water.
• Mulberry (#5B1134): A deep, shadowed, balanced rose — the color of a warm blush.
• Midnight (#002A2F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Linen Thicket color palette (#F4D3E8, #008A80, #005180, #5D1800, #002936)
• Olive Quarry color palette (#EDDBEF, #4B8A37, #005665, #58001C, #00130B)
• Dusty Olive Drift color palette (#FFD4B6, #648500, #005A50, #4E194F, #0B2C11)
• Emerald Terrace color palette (#FFD2C9, #50A955, #00758F, #83113C, #002C22)
• Lowlit Alley color palette (#CAEAF0, #00635A, #3D373F, #001D2B, #000B0E)
• Timeworn Emerald color palette (#CFECE4, #40A171, #00635A, #32441E, #003030)
• Frosted Archive color palette (#C8E9E8, #007C4E, #3D368F, #5B0015, #2F1000)
• Ultramarine Pier color palette (#FFDDC3, #008D9E, #2139C8, #552C00, #002D3F)

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