Pine Pier color palette — #FAF6E1 · #A6AD5D · #008C5F · #00545F · #001941
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF6E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A6AD5D): A luminous, balanced green — the color of fresh herbs.
- Fern (#008C5F): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00545F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001941): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Wandering Cabin color palette (#F9F6E5, #9EB055, #008B70, #00526A, #261900)
- Weathered Thicket color palette (#FDF3E8, #CD9C56, #6D8026, #00583F, #002026)
- Hushed Lagoon color palette (#F6F7E6, #A0C98B, #00A08F, #006585, #202652)
- Softworn Navy color palette (#F3F7EA, #5FBD84, #008690, #00498C, #250840)
- Petrol Summit color palette (#FFF6D2, #D7D6B1, #9FA67E, #237988, #13435A)
- Patina Olive color palette (#F5F4E0, #618900, #005B49, #002A34, #00000E)
- Misty Jade color palette (#FFEEE6, #FF8C79, #26AD69, #6262C0, #361F47)
- Patina Nightshade Chapel color palette (#EAFCE2, #00B29D, #00759A, #3400B1, #240025)
Browse the whole catalog at Explore, or see today's palette.