Pine Meadow color palette — #F4F6F0 · #CEDDD8 · #A2BAAC · #007751 · #383C32

A conversation between Pine and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CEDDD8): a clean, paper-quiet neutral.
• Ash (#A2BAAC): A luminous, dusty teal — the color of sea glass.
• Pine (#007751): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#383C32): a grounded near-black with real depth.

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

Use it as a design system

One click turns Pine Meadow 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 (#EBF4F4, #CCD8E1, #A1BDC4, #28745D, #132425)
• Dusty Forest Chapel color palette (#F5F6EB, #91A27F, #007171, #305626, #333730)
• Cerulean Quarry color palette (#F1F7F3, #D3DCDD, #B6ADA4, #478DA0, #4D5550)
• Abyss Boulevard color palette (#EAEEE8, #AEBEB1, #7C958A, #005141, #192311)
• Chestnut Veranda color palette (#DAE5BE, #92B596, #547C9F, #7E4B15, #4F4100)
• Cypress Field color palette (#DEF1DD, #007270, #062D20, #051905, #020704)
• Wandering Onyx color palette (#E4F1EB, #A195A1, #836777, #003041, #000D06)
• Hushed Denim color palette (#F2ECF2, #D3C9CF, #B199A0, #00569B, #342A35)

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