Quiet Pier color palette — #E5F1E4 · #D28700 · #827500 · #8E5A00 · #020200

Mustard and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F1E4): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#D28700): A luminous, balanced gold — the color of old brass.
• Walnut (#827500): A full-bodied, balanced green — the color of new leaves after rain.
• Ochre (#8E5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#020200): a grounded near-black with real depth.

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

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

• Ancient Rust Atelier color palette (#FFE9F6, #E3774D, #9B6700, #AD3E00, #030100)
• Olive Garden color palette (#D2E4DB, #AA9D00, #458600, #726900, #010200)
• Faded Cabin color palette (#EAE2C6, #9E9600, #6F7A00, #365200, #020F00)
• Frosted Bronze Basin color palette (#D0EEDE, #8E8300, #007848, #004D57, #0F0500)
• Softworn Boulevard color palette (#E5F2E8, #9DB6B3, #7B9F9F, #8E6C00, #08180D)
• Patina Bronze Boulevard color palette (#E8DCCE, #8C5D00, #22441F, #3B2500, #010100)
• Aged Amber color palette (#FFE7F2, #C76400, #206300, #6C3300, #000202)
• Weathered Coast color palette (#E6F7E9, #F4B818, #95A600, #B48500, #111400)

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