Quiet Pier color palette — #F0DEBE · #A3AA34 · #00743E · #003430 · #000407

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

The five colors

• Peach Cream (#F0DEBE): A whisper-light, dusty gold — the color of old brass.
• Moss (#A3AA34): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#00743E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#003430): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000407): quiet, heavy and certain.

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

Use it as a design system

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

• Frosted Jade Dune color palette (#E0E4C9, #3EBD77, #00796F, #003744, #000312)
• Hushed Market color palette (#F0E9C7, #52A336, #006351, #00242B, #000104)
• Softworn Drift color palette (#FFD4CE, #D28C3D, #676200, #093802, #000302)
• Misty Balcony color palette (#F9E7FF, #9C8B00, #006353, #54002B, #020500)
• Tempered Petrol color palette (#E8DEC5, #8ABA8A, #007B85, #652E27, #2F0100)
• Weathered Corridor color palette (#EDF8F4, #CBDDE5, #9CC2CE, #526A00, #00110C)
• Lime Garden color palette (#D6FFFB, #FEB74F, #59CD3B, #00859D, #000605)
• Ancient Mint Harbor color palette (#EEFFA8, #51DF75, #00918B, #00576A, #001741)

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