Sunlit Pine color palette — #FDD9E8 · #C76D04 · #008F48 · #0056A3 · #331700

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

The five colors

• Shell Pink (#FDD9E8): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#C76D04): A luminous, balanced gold — the color of old brass.
• Fern (#008F48): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#0056A3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#331700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Warmth. Tagged warm.

Use it as a design system

One click turns Sunlit 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

• Weathered Amber color palette (#F9DBE9, #CA6700, #847A00, #006085, #341600)
• Chalky Ultramarine Meadow color palette (#D5ECD5, #B67A04, #008C6F, #2430E2, #2D1B00)
• Gentle Rose color palette (#F5DBF5, #E93A56, #6A8300, #00617E, #3E0710)
• Nightshade Villa color palette (#DAF5E3, #9C8200, #666600, #002EAF, #240C00)
• Dusty Grape Market color palette (#FFDEC0, #F95F21, #6C7600, #5300C4, #3C2200)
• Tangerine Garden color palette (#FFD7F2, #FF7B55, #00ACAA, #0076D0, #3A1004)
• Soft Aubergine color palette (#D0E4D6, #9B7D00, #008479, #78248F, #221A00)
• Washed Brick Harbor color palette (#FFDCCA, #B53400, #006761, #003F6C, #3D0B00)

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