Quiet Pier color palette — #FFF0FA · #FF8766 · #A17600 · #3C5C00 · #002920

Salmon and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#FF8766): A luminous, balanced orange — the color of autumn markets.
• Ochre (#A17600): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3C5C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#002920): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Patina Coral color palette (#FFF0FC, #FF857B, #A57400, #375E00, #41002B)
• Wandering Summit color palette (#FFF1F6, #FD8E13, #838400, #006140, #460010)
• Gentle Amber color palette (#FFF0F8, #DB7033, #786100, #164400, #00100E)
• Washed Pier color palette (#FFEDF4, #B66000, #554F00, #002E13, #060001)
• Softworn Taupe Canyon color palette (#FFF2EF, #EED9BA, #CA9862, #5D753D, #28462A)
• Washed Grove color palette (#FFF1F5, #D48600, #5D7600, #6F005A, #2A0200)
• Ember Dune color palette (#FFF2EF, #FFAB98, #F25F12, #A64A00, #512600)
• Feathered Meadow color palette (#FFF2ED, #E32144, #7C4E00, #364700, #540B46)

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