Sunlit Pine color palette — #E4F7ED · #8CB769 · #00804E · #6D3949 · #002721

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8CB769): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00804E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#6D3949): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#002721): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Chalky Teal color palette (#DAFAF4, #53BE98, #007B79, #783523, #00281B)
• Airy Olive Bloom color palette (#E8F7E8, #ADAC68, #457C00, #644507, #00281A)
• Forest Market color palette (#E2F1EB, #6E9B6C, #00644D, #55292F, #001614)
• Antique Moss color palette (#CEEEDA, #7EA51F, #006E34, #4A3D00, #101A00)
• Emerald Dune color palette (#FEF5DB, #9FCA82, #049F67, #8D5665, #3B3B34)
• Weathered Lagoon Villa color palette (#EAF5EF, #A5CDC5, #559175, #4D685C, #233532)
• Lime Basin color palette (#DAFFC7, #87C546, #447B00, #1A3F00, #051800)
• Amber Canyon color palette (#F2E5D3, #B59300, #747A00, #2B4D00, #002A13)

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