Pine Market color palette — #FEF3ED · #B17968 · #457137 · #1C5583 · #412B24

Built around Olive, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Caramel (#B17968): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#457137): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#1C5583): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#412B24): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Tempered Bronze color palette (#FDF3F0, #A86B6F, #7A6D2D, #005660, #443133)
• Aged Navy color palette (#F7F5EC, #858B57, #337D6E, #4C468A, #562800)
• Dusty Pier color palette (#FDF4E5, #D3968D, #8A7443, #425889, #6C3801)
• Lagoon Field color palette (#FAF4EB, #BA9E58, #31986E, #237278, #3A2F3B)
• Lilac Basin color palette (#F0F0FD, #A081C1, #007E78, #005976, #151B28)
• Ancient Bronze Balcony color palette (#FAF0E6, #A07242, #3F3C35, #322619, #19150D)
• Driftwood Dune color palette (#FAF4F0, #DBDAD3, #A1AFAB, #A37568, #59504C)
• Powdered Aubergine Study color palette (#FCF4E3, #746300, #005B4F, #351E7A, #2B1502)

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