Pine Pier color palette — #FFF3E3 · #9BAD5D · #177D46 · #713B62 · #373F14
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#9BAD5D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#177D46): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#713B62): A full-bodied, balanced pink — the color of a candy shop window.
- Deep Olive (#373F14): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Pier 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
- Softworn Basalt color palette (#FEF3E9, #B7B184, #617D53, #6B5061, #533F00)
- Hushed Cypress Lagoon color palette (#FAF5E6, #81A77C, #257161, #673E39, #35362F)
- Moss Archive color palette (#FBE9CB, #7DA032, #006C44, #4F3073, #253400)
- Patina Pine color palette (#E3F7EF, #8CB57E, #00804A, #274C82, #0A2800)
- Timeworn Villa color palette (#FFF1F1, #F06DB9, #009847, #8C0061, #00481E)
- Hazy Grove color palette (#F9F6E2, #A5C69B, #279E62, #3E69A8, #244418)
- Weathered Fern Drift color palette (#F0E0D1, #897A35, #2F4F00, #2B2559, #211A00)
- Indigo Balcony color palette (#FFF1F2, #FFD2D1, #D9B77A, #6A67B1, #603936)
Browse the whole catalog at Explore, or see today's palette.