Patina Coast color palette — #FFF1F6 · #BFE5C6 · #D2A8B8 · #A28A9A · #3C4C44

Celadon Mist and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Celadon Mist (#BFE5C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#D2A8B8): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A28A9A): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3C4C44): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Patina Coast 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

• Stone Hollow color palette (#EDF9EE, #BEE4CF, #9FC0A3, #A48996, #374D47)
• Dusty Stone color palette (#FFF0F9, #F7CBDC, #D0A8C1, #9F8AA0, #3E4C41)
• Wandering Bronze color palette (#FFF3E7, #DCE0C0, #C4A98E, #A96749, #493F00)
• Patina Straw color palette (#FBF2F8, #ECDF9D, #C98D81, #7D6477, #322730)
• Muted Apricot Coast color palette (#FFF0F8, #FFAB84, #89BFD8, #6FA2B8, #473841)
• Patina Bronze color palette (#F9F0E7, #C8B9A4, #A97740, #774C36, #342B18)
• Antique Sand color palette (#FFF2EB, #FFD997, #BCBC76, #7F9966, #195232)
• Antique Seafoam Harbor color palette (#D2E7FF, #03FCF1, #FFC1C6, #746575, #3A343A)

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