Pine Chapel color palette — #FFEEE8 · #B15F60 · #007840 · #213C72 · #210C06

Pine takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFEEE8): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#B15F60): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#007840): A full-bodied, balanced teal — the color of sea glass.
• Navy (#213C72): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#210C06): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.

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

• Hushed Rust Market color palette (#FBEFE8, #B55620, #586C00, #004866, #1C0B0C)
• Aged Bronze color palette (#FDEFE2, #B06C28, #007163, #4D3475, #1C0C01)
• Feathered Coral color palette (#FDEEE8, #CA7065, #00784E, #453372, #251536)
• Plum Study color palette (#FFEDEE, #A25497, #616200, #004E62, #220E11)
• Chalky Bronze color palette (#FBF0E0, #D28572, #816800, #30427D, #321D0A)
• Patina Thicket color palette (#FFF2E9, #B95E20, #516700, #004E35, #3C241E)
• Softworn Garnet Station color palette (#F9F1DF, #796700, #005176, #59003A, #0D0700)
• Antique Brick Terrace color palette (#FFECE3, #B22B00, #004E43, #320078, #130100)

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