Pine Meadow color palette — #E3F0F0 · #96A2AB · #798CAB · #007746 · #000C0C

A conversation between Pine and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E3F0F0): a clean, paper-quiet neutral.
• Blue Fog (#96A2AB): soft and architectural.
• Slate Blue (#798CAB): A luminous, dusty violet — the color of a velvet chair.
• Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Washed Spruce color palette (#E5E9DC, #849280, #567360, #00331A, #010100)
• Wandering Bloom color palette (#E2E6DD, #A0A89A, #7B8C76, #005337, #060B00)
• Dusty Petrol color palette (#E1EFF6, #ADAEC0, #9B92AF, #007E9D, #05161F)
• Softworn Fern color palette (#E0F4EF, #529978, #00716B, #2E5406, #000804)
• Washed Dune color palette (#E9F2D6, #5A8E7F, #266D86, #702625, #1B0E00)
• Misty Workshop color palette (#D6E8EB, #87AE00, #00A28F, #0078B3, #000606)
• Teal Grove color palette (#E6F1F2, #CAD4E1, #B1B8D2, #00AA93, #153337)
• Soft Pine color palette (#F5E8F2, #269046, #006670, #730207, #000503)

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