Pine Pier color palette — #FFE9D9 · #D7C284 · #909854 · #387740 · #004939
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FFE9D9): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#D7C284): A luminous, balanced green — the color of fresh herbs.
- Moss (#909854): A luminous, balanced green — the color of new leaves after rain.
- Olive (#387740): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004939): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Forest Villa color palette (#FFEFED, #F1B386, #B08F47, #686F07, #0C4C06)
- Patina Moss Grove color palette (#FFF3E8, #FFE3A6, #9DA728, #177835, #004131)
- Weathered Cypress Quarry color palette (#DDFFE8, #C4D4A7, #7EAD82, #307F72, #00555C)
- Mustard Thicket color palette (#FFF1F5, #D1AB5B, #679462, #695989, #234536)
- Olive Delta color palette (#FEF8C3, #A7AB6D, #687E21, #395D00, #00473A)
- Feathered Lime color palette (#D0FFE5, #D9DA8A, #A3BD48, #6B9741, #154C06)
- Bronze Villa color palette (#FDE8CF, #978500, #485F00, #003416, #00120F)
- Emerald Market color palette (#F1E1C6, #AAB100, #449000, #005C41, #002D2D)
Browse the whole catalog at Explore, or see today's palette.