Pine Orchard color palette — #ECF8F7 · #D1DDE7 · #B5C2D6 · #41875B · #122221

Built around Fern, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#D1DDE7): bright and airy, almost weightless.
• Ash (#B5C2D6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#41875B): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#122221): 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 Orchard 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 Drift color palette (#ECF8F9, #CEDCED, #A5BFD1, #00705E, #001012)
• Washed Cerulean color palette (#E8F8FF, #D8DBE6, #BEA7B0, #008E9F, #082934)
• Softworn Jade color palette (#ECF0E7, #C9D7CF, #A2C4B6, #2DAA79, #2A3120)
• Lagoon Chapel color palette (#E2FCF5, #84CDA6, #00897F, #415A29, #001D1E)
• Hushed Lantern color palette (#C9EDF4, #00897E, #453E3A, #002A35, #000506)
• Patina Forest color palette (#EDF0E7, #C7CFC4, #8DA896, #006636, #2C3021)
• Seafoam Quarry color palette (#E2FFD8, #84D6CE, #5689AA, #7D4B3C, #391D00)
• Hushed Abyss color palette (#DDE6ED, #B1BCCA, #8890AE, #00425A, #000103)

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