Pine Meadow color palette — #DFF2F0 · #9BB5C2 · #799FB6 · #27864A · #001817

A conversation between Fern and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#DFF2F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#9BB5C2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#799FB6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#27864A): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001817): 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

• Cypress Studio color palette (#E2EFF1, #94A2B1, #768CAA, #007369, #000C0F)
• Hushed Forest color palette (#D5E7E5, #A1BABC, #7D9BA5, #0A6512, #041816)
• Timeworn Spruce Study color palette (#DFEFEC, #8DA5A8, #5A8295, #114200, #000605)
• Washed Cerulean color palette (#E3F1F7, #C8D4E8, #B0B9CD, #2FA3B0, #1E3138)
• Weathered Delta color palette (#C3EAE3, #37A7AF, #00809B, #525180, #1B1C3C)
• Softworn Clover color palette (#CBF0F2, #00D343, #00BD8B, #009491, #00120C)
• Softworn Nightshade color palette (#D7EBED, #009779, #006F8C, #302F9A, #040900)
• Airy Study color palette (#D6EFEA, #31B359, #008554, #39622B, #001312)

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