Hazy Pier color palette — #F9D3E1 · #6BAA00 · #BE7100 · #240714 · #0C0205
Kelly Green and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F9D3E1): A whisper-light, dusty rose — the color of a warm blush.
- Kelly Green (#6BAA00): A luminous, vivid green — the color of new leaves after rain.
- Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
- Ink (#240714): A deep, shadowed, dusty rose — the color of a warm blush.
- Ink (#0C0205): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged neon, dark, vibrant, warm.
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
- Ember Hollow color palette (#E0F4ED, #9F9A00, #D35F00, #240A00, #090105)
- Moss Thicket color palette (#CBEDF2, #54AE00, #A78000, #121503, #020602)
- Softworn Clover Workshop color palette (#E4E8F8, #17C630, #ED6002, #331F00, #1F1107)
- Washed Amber color palette (#F0DBE4, #BC8000, #582B00, #200C00, #060002)
- Quiet Rose Workshop color palette (#DEEFD6, #C68600, #F51D32, #210A1F, #060106)
- Worn Moss Chapel color palette (#DCEEFF, #00ABA2, #7C9200, #001912, #000402)
- Moss Alley color palette (#E5E1D1, #969300, #556000, #253600, #021200)
- Timeworn Emerald color palette (#C9EFFD, #009763, #827200, #070E03, #000201)
Browse the whole catalog at Explore, or see today's palette.