Hazy Coast color palette — #F2DEE6 · #CA007F · #676A00 · #005A7A · #220011

Built around Fuchsia, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2DEE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Fuchsia (#CA007F): A full-bodied, vivid rose — the color of pressed rose petals.
• Olive (#676A00): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005A7A): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#220011): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Plum Courtyard color palette (#FFE5ED, #CB0073, #00774F, #006056, #470225)
• Byzantium Hollow color palette (#EDDFF0, #AF00CD, #835C00, #005E62, #1C0022)
• Scarlet Hollow color palette (#FAE0DE, #D50027, #0A7A1A, #1B46B3, #240002)
• Airy Drift color palette (#F4DBD5, #C02B00, #006A5E, #003D6C, #1C0200)
• Feathered Delta color palette (#FBDBEC, #C55500, #008260, #584F98, #23081A)
• Feathered Peony Summit color palette (#FFF0F9, #FC37C4, #00A090, #008577, #27001B)
• Weathered Aubergine Pier color palette (#F9E9DE, #844500, #00594C, #491882, #080200)
• Amber Lantern color palette (#FFECF2, #C37B00, #00928C, #7C5A96, #2E151E)

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