Pine Meadow color palette — #F4F7E9 · #D2E5C8 · #8FCAD1 · #398B49 · #32342D

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Celadon Mist (#D2E5C8): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#8FCAD1): A luminous, dusty blue — the color of open sky before noon.
• Fern (#398B49): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#32342D): a grounded near-black with real depth.

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

• Patina Lagoon Corridor color palette (#F0F8ED, #C2E4DF, #AAC7CA, #009B8B, #3A4337)
• Worn Bronze Quarry color palette (#FBF5E5, #E1E0BF, #B8C3A6, #877900, #35332C)
• Patina Ridge color palette (#EBF8F7, #CFDFE9, #B5ADBD, #00974F, #052B2A)
• Forest Canyon color palette (#F4F7E6, #CBD7C7, #88B29B, #006E1C, #32342D)
• Wandering Basin color palette (#EBF8F7, #CEDBE6, #ABC8EC, #00B740, #113A37)
• Antique Harbor color palette (#E0E7DA, #97AB99, #6F8E80, #00523F, #060B02)
• Softworn Mint Coast color palette (#F0EDC8, #40C77D, #008B7B, #4F632A, #00381C)
• Muted Petrol Hollow color palette (#D9E1DC, #B4CAC3, #B69BAF, #006C7F, #14231A)

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