Jade Ridge color palette — #D3EAE8 · #4CAA79 · #006C51 · #583500 · #001C0D

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

The five colors

• Frost (#D3EAE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#4CAA79): A luminous, balanced teal — the color of glacier melt.
• Pine (#006C51): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001C0D): 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 Jade Ridge 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 Fern color palette (#D2ECDE, #939C54, #4D6500, #5B3300, #161800)
• Jade Delta color palette (#EFEDCC, #45A875, #00695F, #642B52, #003820)
• Softworn Abyss Ridge color palette (#DDF4EF, #5B8460, #005130, #312A00, #000B02)
• Worn Pier color palette (#E9F5F3, #91BDBC, #45836E, #57582C, #072D2E)
• Frosted Mint Ridge color palette (#E9EEDB, #2AC889, #008C6E, #7D5000, #003822)
• Mulberry Delta color palette (#E1FCF5, #89D7AD, #009287, #843572, #002615)
• Washed Amber color palette (#F8E395, #B29700, #6C5A00, #342B00, #0A0700)
• Lime Dune color palette (#D8FCE3, #D6D58C, #9CBB3B, #815900, #282300)

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