Faded Pier color palette — #F0E3DE · #98BCA0 · #007EAF · #005D38 · #061B4A

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Parchment (#F0E3DE): bright and airy, almost weightless.
• Sage (#98BCA0): A luminous, dusty teal — the color of sea glass.
• Cerulean (#007EAF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D38): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#061B4A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Wandering Sapphire color palette (#F2E6DE, #8BB8D1, #346FD9, #005A52, #220C4F)
• Cobalt Veranda color palette (#F6ECE6, #A6D0B9, #408AD4, #006E5B, #26255B)
• Cobalt Boulevard color palette (#FCF1FA, #60E1EE, #0085B5, #005531, #00092A)
• Antique Denim color palette (#D9E1DA, #6BABB2, #006177, #003F36, #002334)
• Wandering Cerulean color palette (#F4E9D8, #7DCFD8, #00A2C4, #007F6F, #002334)
• Soft Lilac Studio color palette (#D8F2E0, #A3CAFC, #B38CD6, #008160, #002B3B)
• Patina Delta color palette (#D3EBF4, #00A7C8, #006D90, #003542, #000C10)
• Pale Brick color palette (#D8ECE2, #0081A3, #C6021B, #7D4000, #00141D)

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