Hazy Basin color palette — #F1E6F1 · #DA5A67 · #007654 · #A50031 · #000201

A conversation between Garnet and Scarlet, giving this palette its sense of balance.

The five colors

• Blush (#F1E6F1): bright and airy, almost weightless.
• Scarlet (#DA5A67): A luminous, vivid red — the color of embers at dusk.
• Pine (#007654): A full-bodied, balanced teal — the color of shallow lagoons.
• Garnet (#A50031): A full-bodied, vivid red — the color of a theater curtain.
• Black (#000201): quiet, heavy and certain.

Feels like: Balance. Tagged duotone.

Use it as a design system

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

• Dusty Mulberry color palette (#E7DFED, #CF5C96, #706500, #9D0065, #020200)
• Misty Amber color palette (#F4E3EA, #CF6C00, #007658, #854400, #000201)
• Quiet Archive color palette (#EAD9DF, #CB4920, #5A5F00, #3D0599, #070200)
• Bronze Studio color palette (#EFE3DC, #AD5A38, #3A4D00, #612000, #020200)
• Quiet Bronze color palette (#F0DDE4, #E5944C, #00949E, #AD6000, #000405)
• Amber Terrace color palette (#F0D8DA, #C7620E, #7A5D00, #333D00, #000602)
• Chestnut Chapel color palette (#F6EBEF, #94A9A6, #719298, #954E00, #13040B)
• Tempered Ember Coast color palette (#F6E6EF, #F6A683, #00AE86, #DD5900, #001112)

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