Pine Summit color palette — #F4F7E9 · #D7D588 · #3B723C · #0E300F · #040400

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Honey (#D7D588): A whisper-light, balanced green — the color of new leaves after rain.
• Olive (#3B723C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#0E300F): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Dusty Ridge color palette (#F2F7ED, #E3EDAF, #3A8769, #0C4330, #0C1106)
• Washed Chartreuse Ridge color palette (#E6FDE2, #AAD557, #006660, #002422, #000201)
• Forest Garden color palette (#ECF1E2, #EEBD95, #4C9A72, #016741, #131905)
• Deep Olive color palette (#D9E9DD, #558C23, #002024, #020C0A, #000102)
• Dusty Celadon color palette (#E2FDEE, #A5EF9D, #007792, #003442, #000B04)
• Hushed Amber Garden color palette (#DBEDEE, #D09052, #005437, #002314, #000707)
• Pale Grove color palette (#F2F8E3, #33B970, #3B92C8, #845300, #121800)
• Seafoam Field color palette (#F1F8EE, #5DEBD3, #0098C1, #008A78, #000804)

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