Coral Pier color palette — #EDF9EF · #97BA9C · #CD7F83 · #00828A · #674337

Dusty Rose and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sage (#97BA9C): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#CD7F83): A luminous, balanced red — the color of embers at dusk.
• Teal (#00828A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#674337): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Grove color palette (#F3F7E9, #89BE9B, #B885B5, #2D8654, #693F46)
• Petrol Station color palette (#E9FAF2, #87B7D2, #C88762, #007CAA, #524C47)
• Muted Coral color palette (#E6F5FA, #71C3C7, #D18389, #008287, #3E283F)
• Hushed Blush color palette (#EFF8F0, #87D3D7, #EF9492, #009FA6, #534B48)
• Softworn Bronze color palette (#E5FCF0, #65A1BA, #B77381, #A65943, #2F493D)
• Faded Rust Dune color palette (#E1FEEC, #00A4C4, #CA5600, #00677C, #622600)
• Weathered Veranda color palette (#FFF3E8, #C7B59B, #A97241, #8A4931, #554700)
• Muted Coast color palette (#F9F3FA, #DAB9A0, #406183, #1B3A5A, #312733)

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