Hazy Pier color palette — #FAF1DB · #DAC500 · #00ABD2 · #9F9000 · #00151C
Saffron and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAF1DB): A whisper-light, dusty gold — the color of old brass.
- Saffron (#DAC500): A luminous, vivid green — the color of a quiet forest floor.
- Cyan (#00ABD2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Moss (#9F9000): A luminous, balanced green — the color of new leaves after rain.
- Ink (#00151C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Muted Mustard color palette (#FCF0DE, #F2B90E, #00B39D, #B28700, #001612)
- Moss Study color palette (#F6F7E7, #9AE774, #00B7EC, #62B230, #022317)
- Dusty Canyon color palette (#EBEDE0, #7CD57B, #4D91FF, #449F46, #160716)
- Worn Mustard color palette (#E9FAED, #EEBC04, #0083D3, #846600, #000205)
- Dusty Lantern color palette (#F7F5ED, #DAE6A2, #6FC8CF, #A8B178, #263127)
- Sunlit Lime color palette (#E2F7F1, #8ABF00, #008D66, #547600, #00170D)
- Muted Clover Dune color palette (#F5F7D6, #5CBD02, #2988FC, #7D4DCF, #230D00)
- Gentle Lime Boulevard color palette (#FFDDC9, #6ACD00, #00A3A1, #AA348B, #00321B)
Browse the whole catalog at Explore, or see today's palette.