Jade Coast color palette — #F9F4EE · #FFE0B8 · #3BB783 · #B87C14 · #101409

Jade and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Peach Cream (#FFE0B8): A whisper-light, dusty gold — the color of old brass.
• Jade (#3BB783): A luminous, balanced teal — the color of sea glass.
• Mustard (#B87C14): A luminous, balanced gold — the color of old brass.
• Ink (#101409): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone, 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

• Softworn Moss color palette (#F9F5EB, #F0E99C, #00B2C2, #988C00, #06160B)
• Dusty Moss color palette (#FCF3EE, #EED8BF, #8FAC11, #C56F51, #151305)
• Mint Summit color palette (#EFF8F2, #E9D67A, #78C377, #B4A247, #142826)
• Marigold Summit color palette (#FCF4E9, #CE9C34, #0092B4, #844A84, #1E1506)
• Timeworn Villa color palette (#F7F6E9, #C2E979, #019AEA, #698C00, #000D09)
• Timeworn Chapel color palette (#FEF4E1, #E7C000, #00918B, #7F6900, #000200)
• Dusty Amber color palette (#F4E8D7, #B88200, #00595B, #503600, #000200)
• Tempered Clover color palette (#FFF4E0, #E5DF99, #79B554, #007D5A, #003935)

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