Quiet Pier color palette — #DEF6E2 · #AA7E00 · #4D6400 · #1E416A · #183828

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DEF6E2): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#AA7E00): A luminous, balanced gold — the color of old brass.
• Olive (#4D6400): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1E416A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Forest (#183828): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Chalky Moss color palette (#DEF6E3, #828F00, #0C6C3F, #3D3671, #0D3831)
• Washed Study color palette (#D7F2D6, #BB7A00, #426802, #392D68, #001E0E)
• Dusty Alley color palette (#DEF6E2, #C76923, #6E5800, #00485A, #432631)
• Soft Bronze color palette (#E4F8E9, #907300, #00615C, #372E6F, #481B1A)
• Hushed Amber color palette (#FEEBD6, #D09441, #608534, #564A86, #33302A)
• Washed Jade color palette (#E3FCF5, #68AD75, #107457, #643D4F, #193C3A)
• Charred Lagoon color palette (#DEF5E9, #6C6500, #002D26, #04180F, #000604)
• Faded Onyx Coast color palette (#F0E7D5, #796400, #224800, #071C5B, #171700)

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