Pine Summit color palette — #F1F3EC · #CADBD5 · #A5BEB1 · #397349 · #20211A

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CADBD5): bright and airy, almost weightless.
• Ash (#A5BEB1): A luminous, dusty teal — the color of glacier melt.
• Pine (#397349): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#20211A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Cypress color palette (#EDF4ED, #BCDCCF, #9AA9DA, #006969, #0C1F0D)
• Antique Basalt Pier color palette (#F3F7EE, #CEDED6, #A6B9A8, #407057, #314100)
• Cypress Studio color palette (#F5F3E1, #79AD92, #007373, #404C25, #181F06)
• Aged Lagoon Corridor color palette (#EDF8F7, #CEDCE8, #B6BED1, #638C6B, #313D3C)
• Muted Summit color palette (#EDF4F0, #E5D5D8, #D9B3C0, #00759B, #142A21)
• Charred Cypress Dune color palette (#E1EBDE, #00756B, #002D1F, #041001, #020200)
• Dusty Chapel color palette (#EEECDA, #68ABA3, #48769B, #753F0E, #3C230F)
• Wandering Emerald color palette (#FBE3DC, #539E4F, #00667B, #661727, #111C06)

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