Jade Coast color palette — #F7F6E7 · #ACDDB2 · #3BBE92 · #BB763E · #1A4523

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Pistachio (#ACDDB2): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#3BBE92): A luminous, balanced teal — the color of shallow lagoons.
• Caramel (#BB763E): A luminous, balanced gold — the color of honey in a jar.
• Forest (#1A4523): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, 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

• Chalky Garden color palette (#FDF5DD, #C0D99D, #6FBA6F, #918C34, #31410F)
• Wandering Harbor color palette (#FFF4DE, #CBD68F, #7CB951, #C16E66, #393F0B)
• Teal Alley color palette (#E5E6D7, #90C9A8, #00A88F, #9E671E, #232D09)
• Ancient Lantern color palette (#F6F6EB, #DAE2C7, #AABD9B, #9C9D7E, #46540A)
• Coral Corridor color palette (#E9F0C8, #6BCE75, #83A8FF, #FF5D56, #033C0F)
• Linen Drift color palette (#DFFDF2, #93F0BA, #00A7A3, #935276, #0A3822)
• Forest Thicket color palette (#E1E5CF, #54987D, #007267, #145720, #000804)
• Chalky Pine color palette (#E7E1C9, #80A465, #008740, #565B00, #071300)

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