Pine Pier color palette — #F5F2E6 · #B9B77B · #0A8A5F · #6C6800 · #0B1102
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Sage (#B9B77B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#0A8A5F): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#6C6800): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#0B1102): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged duotone, 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
- Hushed Chestnut color palette (#F7F0EB, #D8A882, #608045, #915317, #100F01)
- Cerulean Studio color palette (#F2F3EB, #ACCFA4, #39919B, #577D4F, #0E1910)
- Patina Chestnut Field color palette (#EFF8F1, #C3AC76, #007D8D, #785B00, #112730)
- Timeworn Olive Station color palette (#EDF8F3, #C9C895, #3FA47D, #8A8400, #0D292A)
- Aged Jade Quarry color palette (#FFF0D8, #80AA68, #2C7A68, #51396A, #21260A)
- Chalky Parlor color palette (#E3F4C2, #8DBD86, #368C64, #005447, #002A2C)
- Worn Jade color palette (#EEF5E5, #4FC08F, #0074A2, #006C49, #000D07)
- Moss Drift color palette (#F0EFDA, #72A800, #006968, #395700, #000504)
Browse the whole catalog at Explore, or see today's palette.