Faded Pine color palette — #F2F9E2 · #008B47 · #005574 · #573700 · #2A2504

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

The five colors

• Cream (#F2F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008B47): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005574): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#573700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2A2504): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Quiet Ultramarine color palette (#E7FDDF, #008475, #0050B3, #474000, #222702)
• Pale Garnet color palette (#FCF5DF, #6F6C00, #005B56, #731100, #332002)
• Cypress Workshop color palette (#F2F7EF, #C8E1D8, #ACC3AE, #007C68, #3B4237)
• Tempered Navy color palette (#E3F0D8, #00604E, #003F72, #332800, #171800)
• Gentle Basin color palette (#DEFBE7, #006371, #4C00A9, #1D3100, #001915)
• Pale Market color palette (#E3FFD5, #00A197, #006D79, #3B378A, #003E3E)
• Muted Azure color palette (#EAF9F5, #5295CE, #82538A, #255746, #2D3B32)
• Aubergine Alley color palette (#DDFFED, #007497, #6317AC, #6A0D50, #11280F)

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