Pine Studio color palette — #E7FBEB · #D19FC5 · #BD6A71 · #36733A · #463552
Built around Olive, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
- Mauve (#D19FC5): A luminous, dusty pink — the color of a candy shop window.
- Mocha (#BD6A71): A luminous, balanced red — the color of a theater curtain.
- Olive (#36733A): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#463552): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Worn Taupe color palette (#EAFAED, #E4ADB5, #BB8367, #367D6F, #553F53)
- Hushed Mallow Basin color palette (#FFF4E2, #FFABED, #C07C81, #456F47, #422A29)
- Powdered Driftwood Alley color palette (#E8FBEB, #ADA9E7, #A76FA7, #746300, #383A58)
- Ancient Bronze color palette (#F8F2FF, #CB8FB4, #A07933, #006E5B, #293365)
- Dusty Mallow Balcony color palette (#F2F9DF, #D5B7FF, #D98C8D, #4A8F8B, #513438)
- Brick Balcony color palette (#E0FCF9, #A087D6, #A64653, #005A5B, #3F394F)
- Coral Courtyard color palette (#E2FEE7, #EF8675, #AD6D00, #00686C, #572409)
- Gentle Amber Summit color palette (#CEE5D2, #D27552, #886100, #00515D, #3A1A00)
Browse the whole catalog at Explore, or see today's palette.