Hazy Field color palette — #FCD8F1 · #FFB39F · #0CB7F3 · #CD3600 · #003347

Built around Terracotta, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Thistle (#FCD8F1): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FFB39F): A whisper-light, balanced orange — the color of sun-warmed clay.
• Cyan (#0CB7F3): A luminous, balanced blue — the color of deep harbor water.
• Terracotta (#CD3600): A full-bodied, vivid orange — the color of toasted spice.
• Deep Teal (#003347): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Aged Rose Corridor color palette (#F8DAF3, #FF9186, #00BDC9, #F7242B, #003539)
• Tangerine Atelier color palette (#FFDCCE, #FF6919, #009AC6, #AE4200, #003344)
• Sky Meadow color palette (#D0EFCD, #FFB961, #07B7F1, #A16600, #003346)
• Muted Raspberry Atelier color palette (#FFD9E2, #FFAEC4, #03C595, #D10F6B, #003728)
• Hazy Amber color palette (#FFF1F5, #FFB359, #93B5FF, #D28200, #22376A)
• Timeworn Ember Market color palette (#F4DACD, #D85836, #0079B2, #892100, #001828)
• Dusty Honey Lantern color palette (#D0E5D1, #F8B530, #7582EA, #AA7700, #1E2156)
• Sunflower Balcony color palette (#EFE7B0, #E1CB32, #73A7FF, #847600, #00276C)

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