Patina Jade Pier color palette — #DCFDF8 · #64B87D · #007D54 · #6D4721 · #0C4341

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

The five colors

• Ivory (#DCFDF8): A whisper-light, dusty teal — the color of sea glass.
• Jade (#64B87D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007D54): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#6D4721): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Forest (#0C4341): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Olive Cabin color palette (#E2FDED, #A7A952, #607300, #70451D, #1E4335)
• Emerald Dune color palette (#D0F4ED, #30AD47, #006C3E, #4F4200, #073811)
• Ancient Cypress color palette (#D9FAF2, #76BA89, #007E62, #6B3A50, #002910)
• Washed Lagoon Orchard color palette (#F7F7E4, #88CD9B, #009D7B, #8C556E, #1D4429)
• Weathered Stone Studio color palette (#EAF9F7, #98CCCA, #5C8A8C, #556C60, #3A5251)
• Feathered Lime color palette (#FFF4DA, #EFE37F, #ADC662, #956400, #2F533F)
• Teal Bloom color palette (#E1FDF1, #9FE1AF, #00BEB1, #AA73A2, #1A4528)
• Hushed Marigold color palette (#FFF4DE, #CD9C00, #7F5F00, #483600, #2F2200)

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