Gentle Pier color palette — #FFF2EC · #E3C687 · #7F9D39 · #006544 · #002B29

Moss and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Honey (#E3C687): A whisper-light, balanced gold — the color of old brass.
• Moss (#7F9D39): A luminous, balanced green — the color of fresh herbs.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002B29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Gentle 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 Workshop color palette (#FFF4DE, #BCD88B, #3BA764, #006864, #002732)
• Timeworn Amber color palette (#FFF1F1, #FEBF8B, #AD8500, #496400, #002A18)
• Moss Field color palette (#E9E3D6, #839800, #005F29, #002424, #000102)
• Amber Ridge color palette (#FFDCC5, #C29700, #4A7615, #004F37, #003B3F)
• Feathered Corridor color palette (#F7E2CF, #B2A519, #3F7900, #003327, #000506)
• Wandering Moss Chapel color palette (#F4E1A7, #C5CE64, #74B127, #088740, #003C2B)
• Powdered Aubergine Grove color palette (#FFF0FB, #E5A961, #499150, #7B257F, #002917)
• Amber Garden color palette (#F1F7F3, #D2DDDF, #AEB5C4, #A38700, #233229)

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