Jade Coast color palette — #FBF4EB · #CCCF93 · #7FB067 · #7E7EAC · #37352F

Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Pistachio (#CCCF93): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#7FB067): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#7E7EAC): A luminous, dusty violet — the color of twilight just after sunset.
• Espresso (#37352F): a grounded near-black with real depth.

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

Use it as a design system

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

• Emerald Field color palette (#ECE4D3, #AAC586, #33AA64, #84669B, #2E2A00)
• Wandering Teal Coast color palette (#F7F6E6, #A4D8B8, #41B5A7, #9D7497, #2E3B00)
• Antique Courtyard color palette (#F9F6E3, #BEDC9C, #6F9762, #4F6C4F, #2A2913)
• Cocoa Pier color palette (#FBF4EC, #ECDDB5, #A8BE92, #AD909F, #5F4A00)
• Dusty Veranda color palette (#FEE8EA, #F0A0DC, #BDB600, #CC65B6, #3A3700)
• Sky Ridge color palette (#FBF3F0, #CBEACC, #00C6EB, #3EA173, #173E57)
• Lilac Veranda color palette (#FFF1F4, #EED3D1, #E5C19D, #A6A1DE, #543635)
• Dusty Pine Courtyard color palette (#E9F6EE, #99A770, #48713A, #2E4960, #00231A)

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