Pine Meadow color palette — #F3F4D7 · #83B785 · #1C7E4C · #6B401E · #002906

Teal and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F3F4D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#83B785): A luminous, balanced green — the color of fresh herbs.
• Teal (#1C7E4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#6B401E): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#002906): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Muted Olive Villa color palette (#FDF1D6, #ACAC66, #657322, #76343C, #232200)
• Weathered Forest color palette (#E9E7C5, #6DA658, #006F27, #4E3B00, #061C00)
• Wandering Aubergine color palette (#E2FCF2, #83B088, #007B64, #6F3677, #214426)
• Dusty Emerald Coast color palette (#DFFDF6, #9DC89E, #289E61, #935928, #234325)
• Teal Orchard color palette (#FAF6E1, #B7E7B9, #1FA989, #825B82, #2E2F28)
• Pale Bronze Corridor color palette (#FFEFDA, #FFEA98, #BEC478, #985C05, #392A00)
• Dusty Marigold color palette (#FFF0D6, #E4A309, #8D6400, #483100, #180E00)
• Hushed Pine Lantern color palette (#FDE0B9, #AB7800, #088E22, #A72E48, #221500)

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