Pine Study color palette — #FFF2EC · #B06D5D · #38834D · #005886 · #38312E

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Mocha (#B06D5D): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#38834D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#38312E): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Denim Studio color palette (#FDF4E8, #A87627, #00827B, #284D9E, #37322C)
• Navy Quarry color palette (#FFF2EE, #B97079, #4B7028, #004985, #592238)
• Olive Delta color palette (#FFF1F2, #A96797, #737618, #00605C, #442B2D)
• Dusty Ember Study color palette (#FBEDF6, #CB643D, #687F31, #20603A, #24141E)
• Aubergine Pier color palette (#F0F0DE, #597D2E, #006B8A, #5D198B, #2A2804)
• Bronze Boulevard color palette (#FFDEC0, #9A5300, #006853, #003B7A, #321700)
• Teal Basin color palette (#FEF4E1, #B99B3F, #00A78B, #007E88, #36322C)
• Brick Station color palette (#FCF3F0, #D59E9E, #66782A, #AC1E36, #272412)

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