Jade Pier color palette — #F2F8E8 · #21BF77 · #006D99 · #00673C · #002030

Clover and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#21BF77): A luminous, vivid teal — the color of shallow lagoons.
• Peacock (#006D99): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00673C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Ultramarine Corridor color palette (#F0F9EA, #00BC9D, #0064B9, #006553, #28142A)
• Softworn Moss color palette (#F7F6E6, #8CB137, #007569, #476000, #11220B)
• Dusty Balcony color palette (#E8EDE2, #00A079, #005773, #004E39, #00120A)
• Powdered Mulberry Corridor color palette (#FFF4E2, #00A195, #006A87, #7C1049, #003E41)
• Airy Sapphire color palette (#F3F3E6, #90B669, #4157E2, #426800, #030522)
• Teal Harbor color palette (#8AFFD8, #00C2B6, #007985, #005068, #282E5E)
• Cornflower Garden color palette (#EBF9F6, #91CF72, #0388EC, #438C00, #031E38)
• Washed Cypress color palette (#F1F8ED, #CEDDD9, #A5C5B2, #007C6A, #3A4334)

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