Pine Summit color palette — #F0EED6 · #7C9259 · #18784C · #3B2800 · #020300
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F0EED6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#7C9259): A luminous, balanced green — the color of new leaves after rain.
- Pine (#18784C): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#3B2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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
- Worn Harbor color palette (#CAECD5, #779D69, #007D7E, #491E00, #0C0D00)
- Lagoon Grove color palette (#DEE4C9, #2A9A7D, #00747E, #2B3900, #000201)
- Olive Corridor color palette (#F7E2D2, #AE883C, #6B6E00, #540E00, #060200)
- Softworn Olive color palette (#F2F5D5, #B1E3C7, #75C3BF, #737935, #1E2406)
- Twilit Forest Basin color palette (#E7EBDC, #006A33, #002F3B, #00260E, #000102)
- Weathered Teal color palette (#F5F0CB, #A4DCA7, #26AFA0, #655A00, #1A1A00)
- Fern Harbor color palette (#F6EDDA, #565600, #332900, #170C00, #010100)
- Sky Harbor color palette (#BFFFF1, #8EE8F2, #47B4ED, #007B48, #002122)
Browse the whole catalog at Explore, or see today's palette.