Weathered Pier color palette — #FFF1F6 · #F6349E · #CA5600 · #14660A · #1F000F

Built around Hot Pink, softened by Terracotta — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Hot Pink (#F6349E): A luminous, vivid rose — the color of a warm blush.
• Terracotta (#CA5600): A full-bodied, vivid orange — the color of autumn markets.
• Olive (#14660A): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#1F000F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

One click turns Weathered Pier 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

• Peony Hollow color palette (#FFF1F1, #DE55B2, #997A00, #006161, #1E0014)
• Magenta Market color palette (#FFF1F4, #C750F9, #DA345E, #665200, #180023)
• Sunlit Raspberry Drift color palette (#FFF1F0, #DA368F, #875800, #004B44, #0B0015)
• Antique Bloom color palette (#FFF2EE, #F7495E, #6D8B00, #00606A, #210003)
• Fuchsia Garden color palette (#FFF1F3, #D06CD5, #9D5600, #00494A, #230026)
• Misty Peony Workshop color palette (#FFF1F1, #E06AAA, #2F7B00, #005766, #15000B)
• Airy Plum Bloom color palette (#FFE8E4, #C72767, #007338, #003D5C, #040001)
• Blush Corridor color palette (#EFDDF7, #FF639D, #C18C00, #738400, #3B091D)

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