Pine Workshop color palette — #FDF2F2 · #D0A1B8 · #AA854F · #0F7C56 · #234566

Teal takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF2F2): a clean, paper-quiet neutral.
• Mauve (#D0A1B8): A luminous, dusty rose — the color of a warm blush.
• Caramel (#AA854F): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#0F7C56): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#234566): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Mallow Ridge color palette (#F8F3FD, #FFB0D8, #B6945D, #3A7864, #283951)
• Muted Bloom color palette (#FFF2ED, #D6A2A1, #8A9351, #007686, #4C385F)
• Dusty Olive color palette (#FEF1F6, #B7A9D4, #BA7874, #6F6D1B, #004D4B)
• Washed Stone color palette (#FFF1F1, #E1CDC7, #C4A892, #7C8A70, #405445)
• Mallow Cabin color palette (#F7F3FF, #FAA7E8, #77BA97, #58948A, #234855)
• Hushed Blush color palette (#FFF2EE, #EC6B84, #897700, #00635D, #231E76)
• Bronze Delta color palette (#FFF2EF, #F1B5B5, #D78B7C, #AA5B3D, #504A44)
• Rose Chapel color palette (#F0DCD5, #D75459, #616A00, #004B56, #2E014C)

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