Sunlit Pine color palette — #D7E4D7 · #00862D · #007384 · #735100 · #000300

Built around Olive Leaf, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Bone (#D7E4D7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#00862D): A full-bodied, vivid green — the color of fresh herbs.
• Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#735100): A full-bodied, balanced gold — the color of old brass.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Sunlit Petrol color palette (#D1F7EB, #00826A, #006DA2, #5E5C00, #000202)
• Terracotta Delta color palette (#E5E9C5, #707500, #007767, #8F3B00, #020200)
• Indigo Pier color palette (#E1F3F7, #008DA1, #5D53FD, #007C24, #00090C)
• Muted Emerald color palette (#DDE8DE, #2BA552, #00762C, #004015, #000300)
• Chalky Cabin color palette (#CCEBE9, #80BEA0, #00B29B, #497D34, #001208)
• Pale Aubergine color palette (#DDF5E3, #006634, #5300AC, #5A0047, #000200)
• Hushed Chapel color palette (#E0F5DF, #24802F, #7E003D, #5A007C, #000300)
• Tempered Moss color palette (#D6F7F8, #82902D, #00573F, #001B11, #000202)

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