Hazy Coast color palette — #F7E2E2 · #D45CB3 · #827300 · #005A70 · #20002B

Hot Pink and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F7E2E2): A whisper-light, dusty red — the color of embers at dusk.
• Hot Pink (#D45CB3): A luminous, vivid pink — the color of peonies in June.
• Walnut (#827300): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#20002B): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Rose Villa color palette (#FFE9E4, #E05C7C, #598100, #00538E, #280013)
• Hazy Iris Archive color palette (#F8D9E9, #8F7DE5, #AA5A00, #005E57, #080043)
• Petrol Thicket color palette (#FAE4F2, #C9968D, #A37F45, #0068A1, #32254B)
• Aubergine Drift color palette (#F1E1DA, #BF4037, #00673D, #390091, #070000)
• Fern Workshop color palette (#E2F2E5, #946E00, #306100, #003C37, #001420)
• Hushed Ridge color palette (#FFEFE1, #B26300, #505100, #002D1C, #060001)
• Muted Amber Delta color palette (#EEDBD7, #E27726, #AB6900, #6C5000, #212100)
• Feathered Mulberry color palette (#ECDFD0, #D79200, #0095A8, #A32477, #3E0025)

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