Pine Meadow color palette — #F1F4E2 · #84B186 · #BF709A · #007A22 · #3E182D

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F4E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#84B186): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#BF709A): A luminous, balanced rose — the color of strawberry cream.
• Olive (#007A22): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#3E182D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Hushed Olive color palette (#F5F2E1, #9DAC6A, #A07CBC, #5D6D00, #331945)
• Sunlit Peony color palette (#F3F7EA, #6DB187, #BA68A8, #007946, #56364F)
• Hushed Orchard color palette (#EBF6E6, #5BB7A2, #CC6D6E, #007663, #481115)
• Emerald Coast color palette (#E6FAF9, #7DCBA1, #D485C8, #119863, #463C5B)
• Hushed Corridor color palette (#E8F8DF, #2DA28C, #A663A5, #944995, #15230D)
• Quiet Plum Lantern color palette (#DDE9D7, #009C84, #CD006D, #005A4B, #300015)
• Worn Bronze color palette (#FCF0DE, #B3AC8F, #8C7039, #6F3D21, #23240D)
• Ancient Denim color palette (#E8F6ED, #D7A2B1, #006070, #002D36, #041008)

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