Hushed Harbor color palette — #FFF2EE · #C05863 · #007048 · #004257 · #07000A

Brick takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Brick (#C05863): A full-bodied, balanced red — the color of late-summer berries.
• Pine (#007048): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#07000A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Hushed 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

• Tempered Alley color palette (#FFF2EA, #D47446, #1F771E, #003C5D, #1D0016)
• Plum Corridor color palette (#FFF1F3, #A0589F, #5F6300, #003D37, #01000B)
• Aged Rust Coast color palette (#FFF2EC, #AD3D00, #00584D, #00285D, #040002)
• Misty Nightshade Pier color palette (#FFF2EA, #BE6126, #006A61, #0C19A3, #060000)
• Brick Summit color palette (#F1D5EA, #B3001E, #00463E, #002C34, #000216)
• Coral Workshop color palette (#FFF4E2, #ED7E5C, #8D6100, #004851, #220B00)
• Charred Workshop color palette (#F5E1D1, #774300, #00363A, #0F0053, #040001)
• Washed Bronze Study color palette (#FFF1F0, #F19D77, #B76900, #543B00, #151100)

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