Quiet Pier color palette — #DBF7E0 · #CC9730 · #708032 · #275887 · #133924

A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DBF7E0): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#CC9730): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#708032): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#275887): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#133924): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Pine color palette (#D9F8DF, #A3A94A, #308C51, #4D4C8D, #08392F)
• Patina Olive color palette (#FFF4E2, #DEAE59, #748900, #015391, #2C1F02)
• Amber Drift color palette (#DDF6E2, #D88C65, #907324, #006073, #472332)
• Washed Dune color palette (#E1F1E8, #918100, #27473F, #10271C, #071008)
• Amber Thicket color palette (#E8F6EB, #B98E00, #008477, #434494, #4E121D)
• Lagoon Field color palette (#E8FAF4, #9AC09A, #538F73, #7B5768, #0C3E3A)
• Patina Delta color palette (#FFE7F1, #BA7147, #4A6500, #452E7A, #422B00)
• Chalky Market color palette (#FEEBDA, #FCA168, #79A91A, #7568AE, #34302A)

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