Patina Coast color palette — #EFF8EE · #BDE8E3 · #98B997 · #8F6F81 · #2D453C

Built around Sage, softened by Driftwood — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Silver (#BDE8E3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#98B997): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#8F6F81): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#2D453C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Tempered Stone color palette (#FEF1F7, #C9F2E5, #C5A3B4, #8A7187, #314538)
• Worn Driftwood Delta color palette (#ECF5EC, #A5C5AB, #9D7C4C, #704C59, #223027)
• Pewter Hollow color palette (#FFF1F5, #ECDCAE, #B89773, #8D5D4A, #18392D)
• Dusty Chestnut color palette (#FCF4E9, #C4B69A, #987B54, #854E21, #534800)
• Antique Driftwood color palette (#F0F6FE, #D1DCCC, #7287A6, #39475B, #161C24)
• Muted Olive Hollow color palette (#E3FCF0, #A3BC87, #7F7A14, #5D4000, #001715)
• Hushed Hollow color palette (#F5F4FF, #D8B4E3, #D99C9A, #86864C, #312F3F)
• Antique Garnet color palette (#F1F5FF, #E0D8E1, #CEA9D8, #9A5975, #6A252F)

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