Hazy Coast color palette — #FFD8D1 · #FE7C34 · #B36600 · #614300 · #1F1B00

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD8D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FE7C34): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B36600): A full-bodied, balanced gold — the color of old brass.
• Bronze (#614300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1F1B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, 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

• Apricot Corridor color palette (#F8E0E1, #F98760, #C17400, #7B6000, #2E2C00)
• Marigold Field color palette (#FFEBDC, #EEA500, #8B7400, #424900, #0D2000)
• Powdered Scarlet Garden color palette (#FFD1E1, #FF8292, #D23926, #743600, #2E1B00)
• Gentle Ember Study color palette (#EFD9DB, #C7664B, #864600, #483300, #151500)
• Tempered Bronze color palette (#FFF3E7, #CCAF69, #A46618, #693624, #181200)
• Amber Loft color palette (#FBECDE, #A98400, #565900, #1F2A00, #000800)
• Washed Studio color palette (#FFF3E5, #F5A626, #008BD7, #885800, #001A2E)
• Antique Mustard Market color palette (#FFF4DE, #EFBA07, #976C00, #4C3500, #050300)

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