Pine Pier color palette — #FFF4DF · #DFC437 · #929B00 · #217400 · #004723
A conversation between Olive and Honey, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Honey (#DFC437): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#929B00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#217400): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004723): A deep, shadowed, balanced teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Sunlit Moss color palette (#FFF7C4, #B8D458, #69B000, #007145, #004539)
- Linen Mustard color palette (#E1E1C9, #C3C500, #97B200, #5D8700, #294C05)
- Patina Amber color palette (#FFF2EC, #FFBE7E, #BD9200, #706C00, #263700)
- Olive Delta color palette (#F7DD98, #ABAE2E, #628C00, #005426, #00281E)
- Moss Summit color palette (#E1E2D4, #6BA42C, #00753C, #003E30, #000D0C)
- Chalky Moss Harbor color palette (#E0FFDE, #ACF69E, #44AE2A, #296000, #051A00)
- Hushed Study color palette (#D8FFF5, #BBE6E6, #BFB6BE, #C1A200, #144929)
- Linen Field color palette (#D8FFF4, #ACE5B0, #43B985, #007B69, #004F55)
Browse the whole catalog at Explore, or see today's palette.