Sunlit Pier color palette — #F7F6E9 · #ABBE73 · #1F9760 · #677C00 · #141C00

Olive Leaf takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#ABBE73): A luminous, balanced green — the color of new leaves after rain.
• Fern (#1F9760): A full-bodied, balanced teal — the color of glacier melt.
• Olive Leaf (#677C00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#141C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

One click turns Sunlit 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

• Patina Olive color palette (#FAF4EB, #D3AF5B, #7B8923, #8E6C00, #1D1801)
• Emerald Canyon color palette (#F5F6EE, #A8D1A9, #00A597, #0A9B2C, #1A2916)
• Weathered Chartreuse color palette (#E7FAF4, #BCDF74, #00A279, #67821F, #000708)
• Dusty Boulevard color palette (#F2F7EE, #63CAAD, #008FAB, #00856B, #001F10)
• Washed Studio color palette (#F5F6EE, #D4DCD4, #AFC6B5, #618F48, #3E3D00)
• Hushed Summit color palette (#F2F0D9, #72B387, #008B75, #005894, #2F312B)
• Muted Lagoon Dune color palette (#C0EEC0, #7FC39B, #009E77, #006758, #003532)
• Antique Veranda color palette (#EBF9F1, #E0CD43, #00BBAD, #A6982E, #001D22)

Browse the whole catalog at Explore, or see today's palette.