Hazy Harbor color palette — #D3E5E6 · #FD7B2D · #007A5F · #004434 · #000304

Built around Tangerine, softened by Teal — the whole palette hums with optimism and balance.

The five colors

• Silver (#D3E5E6): a clean, paper-quiet neutral.
• Tangerine (#FD7B2D): A luminous, vivid orange — the color of sun-warmed clay.
• Teal (#007A5F): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004434): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000304): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged luxury, dark.

Use it as a design system

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

• Linen Apricot color palette (#D7E8E3, #E98D00, #507500, #2D4010, #000302)
• Coral Hollow color palette (#CCEDF6, #F25F51, #006665, #002F2F, #000203)
• Amber Market color palette (#DDE1D2, #B88A00, #005423, #00220A, #020300)
• Dusty Basin color palette (#CFE9F6, #FFA296, #008EA4, #005866, #00121B)
• Raspberry Corridor color palette (#D5EDFF, #DF4673, #004F70, #001825, #000205)
• Aged Blush Atelier color palette (#D5DFEF, #FF91B1, #5975BF, #38476D, #050B17)
• Eclipse Bronze Alley color palette (#DCE1D0, #AB6513, #00331B, #12191F, #000B04)
• Washed Lagoon color palette (#E8F9FC, #FFC6B3, #46A79B, #3B6C74, #142528)

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