Quiet Pier color palette — #FFF2EC · #EF7B6D · #007247 · #940506 · #010100
A conversation between Garnet and Watermelon, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Watermelon (#EF7B6D): A luminous, balanced orange — the color of toasted spice.
- Pine (#007247): A full-bodied, balanced teal — the color of sea glass.
- Garnet (#940506): A full-bodied, vivid orange — the color of toasted spice.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Aged Blush color palette (#FFF2F0, #F46CA4, #2E8321, #760041, #000200)
- Worn Basin color palette (#FFF3E7, #E58820, #006B7D, #723F00, #000102)
- Linen Rust Grove color palette (#F5EBF3, #BD4D48, #004C28, #630009, #000404)
- Tempered Marigold color palette (#FFF3E8, #FFAF69, #008F96, #9D5700, #000202)
- Sunlit Moss Field color palette (#F0E1E8, #EF8D4A, #509800, #B55900, #010500)
- Linen Ridge color palette (#FFEFE7, #D73622, #005958, #42003E, #050004)
- Amber Parlor color palette (#FFD8D1, #D98B00, #776900, #1E3A00, #000704)
- Amber Field color palette (#FFEAD6, #CE6C00, #396200, #2E0F6C, #060300)
Browse the whole catalog at Explore, or see today's palette.