Pine Meadow color palette — #EFF7F7 · #D3DDE3 · #B4C2CF · #388658 · #3C4B4B

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D3DDE3): bright and airy, almost weightless.
• Ash (#B4C2CF): A luminous, dusty blue — the color of deep harbor water.
• Fern (#388658): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3C4B4B): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Ancient Lagoon color palette (#EFF7F8, #D6DAE0, #B2A9B0, #4C8F89, #4C5456)
• Muted Pine color palette (#ECF4F3, #D0DAE3, #B4BED3, #568159, #252E2D)
• Washed Petrol Summit color palette (#EFF6FB, #D8D8E1, #ACB4C2, #006D94, #313C44)
• Antique Cypress color palette (#D1EAEE, #008376, #103745, #052428, #070F13)
• Patina Abyss color palette (#D4E2E3, #9BADB0, #618593, #00432F, #021819)
• Aged Denim color palette (#E5EBF0, #B0BAC8, #828DAD, #004972, #0C2132)
• Mulberry Terrace color palette (#EBFAEE, #68A788, #007880, #713269, #17454A)
• Quiet Mint color palette (#E6F9FC, #B5E5AE, #2ADDB7, #009FC4, #124752)

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