Hazy Pier color palette — #F1F5FF · #A0AAFF · #DF9400 · #689B00 · #1F2A47

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#A0AAFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#DF9400): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#689B00): A luminous, vivid green — the color of new leaves after rain.
• Midnight (#1F2A47): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Washed Boulevard color palette (#F2F4FF, #CCBBFF, #B18E00, #41A12F, #2F2349)
• Pale Villa color palette (#EDF6FF, #67BAFF, #FF765C, #9B8A00, #0A2E49)
• Tempered Fuchsia Dune color palette (#F5F3FF, #EA8CFF, #EA7200, #268C2A, #00354D)
• Antique Alley color palette (#F5F3FF, #DE9FE7, #ADB642, #41A484, #332F45)
• Bronze Ridge color palette (#FFF0FA, #A1B0FF, #938300, #756800, #2A1124)
• Sunlit Veranda color palette (#D6DDF6, #AEA2FF, #A17400, #388919, #141830)
• Washed Peony color palette (#DEFFE5, #DFA5FF, #F858A8, #6B8700, #492748)
• Timeworn Lilac color palette (#F4F4FE, #E3D5E2, #C6A89D, #B592DB, #3D3E4F)

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