Hazy Pier color palette — #F7F1E6 · #C4A34A · #008047 · #715700 · #070B00

Olive and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Gold (#C4A34A): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#008047): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#715700): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#070B00): 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 Hazy 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

• Tempered Canyon color palette (#F5F2E3, #9BB44C, #007B76, #526400, #010D00)
• Apricot Atelier color palette (#FAF0E8, #EE8B35, #5F7600, #894700, #070B00)
• Ancient Amber color palette (#FFF1F6, #E48900, #00746D, #7B4800, #002228)
• Dusty Moss Lagoon color palette (#EAE4D7, #A18E00, #00663A, #514700, #020300)
• Mustard Basin color palette (#ECF9EF, #DDB649, #009E76, #937300, #002224)
• Aubergine Grove color palette (#FFF0D8, #8B9C00, #007445, #3F1A96, #102200)
• Timeworn Olive color palette (#F4F2EA, #D0DBCC, #BDC3A9, #707000, #2A2511)
• Timeworn Pine color palette (#F0F3EC, #B9CAA6, #4C8CA9, #008662, #061A13)

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