Pine Meadow color palette — #FBF2FB · #B6FDFF · #00A9D7 · #007835 · #00244C

A conversation between Olive and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sea Foam (#B6FDFF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9D7): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007835): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00244C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Weathered Pier color palette (#F9F3F9, #D2D5E6, #2EB7DB, #36813B, #12304C)
• Periwinkle Station color palette (#FFF0F9, #D7D7EF, #429BFF, #007463, #201A51)
• Dusty Balcony color palette (#FDF4E5, #32F6FA, #00BFD9, #009B7C, #00394B)
• Patina Boulevard color palette (#FFF2EC, #5FCBCD, #007A93, #005939, #003754)
• Ancient Cerulean Thicket color palette (#FAF2F9, #8EDBE0, #0086B1, #00552C, #000B25)
• Softworn Grove color palette (#EFE2EA, #66AEC3, #005892, #002C21, #01000A)
• Hazy Mint Hollow color palette (#DEFFE5, #48EA83, #009E6A, #00492E, #000A01)
• Tempered Powder color palette (#F9F3F8, #D4D4E3, #95D5FB, #6E9F83, #404E62)

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