Pine Studio color palette — #F1F9E3 · #68B289 · #A873AF · #00794B · #533657
Built around Pine, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F9E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#68B289): A luminous, balanced teal — the color of glacier melt.
- Dusty Rose (#A873AF): A luminous, balanced pink — the color of peonies in June.
- Pine (#00794B): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#533657): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Iris Cabin color palette (#F8F6E3, #92AA61, #8C7CC6, #586F20, #443C61)
- Pine Parlor color palette (#E0F8F6, #7BB388, #AF75B3, #007939, #38193B)
- Driftwood Summit color palette (#F0F8EA, #63B198, #C06E74, #00775E, #613336)
- Softworn Emerald color palette (#F3F8E7, #8CC89A, #CA8CC7, #22984F, #593257)
- Antique Mulberry color palette (#EDFBE0, #3E9C7E, #98669A, #954465, #363933)
- Scarlet Pier color palette (#E1FEE8, #00A6B9, #D3474A, #006874, #681B1E)
- Pale Corridor color palette (#E4FBF8, #9AE09D, #F19EDA, #6BB26F, #59344F)
- Cocoa Meadow color palette (#FFF3E4, #B3A683, #8A6D42, #794117, #424000)
Browse the whole catalog at Explore, or see today's palette.