Pine Ridge color palette — #EBF8F7 · #84CF9A · #008885 · #00773D · #000102

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

The five colors

• Ivory (#EBF8F7): a clean, paper-quiet neutral.
• Mint Leaf (#84CF9A): A luminous, balanced teal — the color of glacier melt.
• Teal (#008885): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#00773D): A full-bodied, balanced teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged duotone, muted.

Use it as a design system

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

• Washed Pine Courtyard color palette (#EDF8F8, #92E4BF, #009DA5, #008C62, #00070A)
• Faded Pine color palette (#ECF9F4, #B3C47C, #008E48, #5B6C00, #000201)
• Muted Lantern color palette (#EBF8FC, #4ED0D9, #007DBD, #007177, #000103)
• Chalky Meadow color palette (#D6FFF8, #00BBAC, #007985, #33229D, #001716)
• Tempered Basin color palette (#CDFFF2, #35CCC0, #009095, #004850, #001920)
• Lagoon Drift color palette (#EEF7F8, #D2DCE3, #AFC6DA, #008B66, #102223)
• Ancient Chapel color palette (#E5E6D8, #5DA300, #005F72, #2C5200, #000301)
• Moss Delta color palette (#DFF0EB, #9FCE5C, #009EE9, #6A9900, #000E1D)

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