Hazy Forest Pier color palette — #F4EBF3 · #6BD8DB · #0094BC · #097132 · #142E4E

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F4EBF3): a clean, paper-quiet neutral.
• Ice Blue (#6BD8DB): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0094BC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#097132): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#142E4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Forest 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

• Patina Cobalt color palette (#F9E9F2, #89D0EC, #3E88DC, #006E5D, #29294C)
• Weathered Chapel color palette (#FEF3ED, #B5F3F5, #00A2C5, #006D4B, #002137)
• Antique Lantern color palette (#FFF1F8, #A5E6FF, #539FF1, #008570, #38396C)
• Turquoise Harbor color palette (#E5F2EF, #A9DDED, #00B9CA, #009285, #00343E)
• Ancient Meadow color palette (#EFEFE5, #80BEC0, #007682, #00504A, #00343E)
• Hazy Lilac Summit color palette (#CEFFF8, #ADDAFF, #C09FF5, #488557, #16384A)
• Hushed Teal color palette (#DEEFE0, #00B896, #008989, #005E77, #003357)
• Ember Balcony color palette (#C3E5EE, #00AEAC, #D45B45, #007271, #4B1209)

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