Pine Study color palette — #FAF2F8 · #9EB0E0 · #B67979 · #3E793D · #553651

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Mauve (#9EB0E0): A luminous, dusty violet — the color of wild irises.
• Caramel (#B67979): A luminous, dusty red — the color of a theater curtain.
• Olive (#3E793D): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#553651): A deep, shadowed, 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 Study 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

• Softworn Olive color palette (#FCF1F9, #A2AEE3, #AC7A9B, #696F0C, #224564)
• Cypress Canyon color palette (#FEF2F0, #DB9DAE, #B87A68, #007B64, #4E375E)
• Patina Terrace color palette (#FEF1F6, #B7A6DF, #A58754, #65702E, #2B4B31)
• Bronze Courtyard color palette (#FFF1F3, #C68FC4, #908123, #00668B, #4A2A4E)
• Timeworn Grove color palette (#F7F3FD, #BC82AA, #A4574A, #674F1D, #3C3F5E)
• Hushed Rust Hollow color palette (#FFF1F4, #E2B1D2, #D187A5, #A5585F, #59514D)
• Tempered Driftwood color palette (#FFF1F7, #F1D2D4, #B8A197, #778773, #465447)
• Antique Ash color palette (#FFEDEF, #BB87B8, #6B514C, #453235, #281E22)

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