Pine Studio color palette — #FDF3EC · #B7805E · #0D764E · #454F7D · #3C3531
Built around Pine, softened by Caramel — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FDF3EC): bright and airy, almost weightless.
- Caramel (#B7805E): A luminous, balanced gold — the color of old brass.
- Pine (#0D764E): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#454F7D): A full-bodied, dusty violet — the color of twilight just after sunset.
- Espresso (#3C3531): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Pine Studio 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
- Wandering Bronze Delta color palette (#FFF2ED, #B06760, #007A81, #573F6C, #38312E)
- Worn Fern color palette (#FFF1F3, #A271A4, #526D28, #2D5577, #3C2D30)
- Muted Cabin color palette (#FBEDF6, #D67250, #6D743D, #5D4162, #1E1421)
- Muted Olive color palette (#FDF4E8, #CF9A7D, #7E7B23, #535482, #643E00)
- Softworn Bronze Market color palette (#FAF4EF, #DBDBD2, #9BB3B0, #AB7444, #59514B)
- Weathered Bloom color palette (#FFF2EB, #DA8267, #8A9158, #795C82, #3D2C29)
- Olive Courtyard color palette (#F9F6E5, #76822A, #006588, #662E58, #2D2616)
- Airy Aubergine Canyon color palette (#FFF2E9, #A74D00, #00625F, #480B83, #351800)
Browse the whole catalog at Explore, or see today's palette.