Pine Chapel color palette — #F4F7EC · #8CBE9A · #B986AB · #2F8650 · #633F5A

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint Leaf (#8CBE9A): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#B986AB): A luminous, dusty pink — the color of peonies in June.
• Fern (#2F8650): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#633F5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Pine Chapel 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

• Wisteria Meadow color palette (#F0F4E5, #8DC299, #CA7EB9, #408252, #44282B)
• Cypress Workshop color palette (#EFF8F0, #74BEC3, #C8847E, #008289, #6C3F3C)
• Timeworn Field color palette (#FAF5E6, #B5B382, #8E93CC, #7D7500, #614256)
• Washed Meadow color palette (#E9F9F9, #9AD3B7, #D09BD8, #4A9F7A, #4E4865)
• Tempered Bronze color palette (#F2F8E8, #66A885, #7E83C0, #AA5F45, #41443D)
• Muted Cocoa color palette (#FDF4E7, #C2B79F, #947C53, #765638, #564600)
• Dusty Pier color palette (#E9FCDD, #00AC8F, #CC457D, #006C59, #6C0839)
• Forest Villa color palette (#EDFAE2, #A1D3BD, #418F73, #006147, #134533)

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