Quiet Pier color palette — #FBF4E8 · #C59B2C · #007848 · #6C5100 · #192002

Built around Mustard, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Mustard (#C59B2C): A luminous, balanced gold — the color of old brass.
• Pine (#007848): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#6C5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#192002): A deep, shadowed, dusty green — the color of a quiet forest floor.

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 Olive Field color palette (#FFF3E9, #E18948, #417500, #834100, #1F1E00)
• Antique Moss Corridor color palette (#F8F6E8, #97AF00, #007564, #505D00, #122206)
• Apricot Garden color palette (#F9F0E8, #D89857, #007C6F, #834C00, #000C0A)
• Dusty Bronze Harbor color palette (#F1EBDC, #9D8800, #005D4E, #4C4100, #051100)
• Frosted Station color palette (#FFF4E2, #8A9500, #007340, #413684, #283D0E)
• Weathered Bronze Hollow color palette (#FFF1F5, #EDAC5E, #009C88, #A56800, #002227)
• Muted Delta color palette (#FDE66E, #98B23C, #227E04, #00572F, #003C32)
• Dusty Field color palette (#F9F5EA, #D3DDCE, #BAC0A4, #706E1B, #4E3E00)

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