Hazy Field color palette — #F7DBDF · #C6273B · #8A0504 · #401600 · #170800

Built around Ruby, softened by Oxblood — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7DBDF): A whisper-light, dusty red — the color of embers at dusk.
• Ruby (#C6273B): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#8A0504): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#401600): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Crimson Lagoon color palette (#F5E3E9, #D23152, #AC2800, #5D2C00, #130700)
• Misty Villa color palette (#F6E2EF, #B43A00, #006279, #641C00, #00070B)
• Plum Corridor color palette (#ECDBE7, #BD2E82, #87004A, #4D0019, #150001)
• Bronze Alley color palette (#F2DACD, #B65C00, #723900, #2A1100, #040100)
• Softworn Garnet color palette (#F5D8E9, #CC9754, #978300, #931C2A, #200210)
• Tangerine Harbor color palette (#FFDAD4, #F87548, #A95500, #6E4300, #422C00)
• Muted Aubergine color palette (#FFE6DA, #903A00, #005C42, #3F00A2, #050100)
• Patina Bronze color palette (#EAE4F2, #008D84, #966300, #0E0D02, #000300)

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