Pine Balcony color palette — #F4D7CC · #CC5353 · #288826 · #00597F · #300F03
A conversation between Olive Leaf and Poppy, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F4D7CC): A whisper-light, dusty orange — the color of autumn markets.
- Poppy (#CC5353): A full-bodied, balanced orange — the color of autumn markets.
- Olive Leaf (#288826): A full-bodied, vivid green — the color of new leaves after rain.
- Peacock (#00597F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#300F03): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.
Use it as a design system
One click turns Pine Balcony 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
- Sunlit Navy Garden color palette (#EED9CD, #C95D2F, #00856A, #004DA3, #2D1200)
- Patina Courtyard color palette (#F2D7D4, #CA4B86, #667D00, #005F60, #2F0C1C)
- Misty Corridor color palette (#F1DCD7, #CD5B74, #3F7300, #003D8E, #3E0025)
- Faded Bronze Harbor color palette (#F2E3D7, #B35F0B, #00702C, #003F76, #2B050A)
- Gentle Bloom color palette (#FBECDC, #BE812B, #688E3F, #006B84, #382100)
- Softworn Nightshade color palette (#F0DBBC, #DB6D56, #806600, #3034A4, #3B1A00)
- Tempered Rose color palette (#FFF0FE, #F9234D, #008886, #005958, #100210)
- Wandering Boulevard color palette (#F4D7CC, #FF5E62, #A09300, #7C64AD, #2F1005)
Browse the whole catalog at Explore, or see today's palette.