Pine Ridge color palette — #E9F9F8 · #7AAE84 · #B16FA8 · #007A36 · #593354

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Jade (#7AAE84): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#B16FA8): A luminous, balanced pink — the color of neon signs at night.
• Olive (#007A36): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#593354): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Antique Terrace color palette (#E8FAF3, #9AA860, #957ABE, #606E00, #493862)
• Powdered Driftwood color palette (#E2FBFF, #63B0A3, #C06C82, #007669, #652D3D)
• Airy Pine Workshop color palette (#E5F6F4, #7DB47E, #C470B2, #137424, #2C203E)
• Lagoon Basin color palette (#F1F9E6, #7CCBA6, #C38BDA, #00986A, #50375B)
• Linen Terracotta Pier color palette (#D9FEFD, #4C9B6F, #6C74B8, #A6482D, #12403F)
• Plum Station color palette (#B9F0F5, #009B7C, #C50881, #005C49, #570036)
• Hushed Grove color palette (#E8F8FF, #00A7B4, #DD3835, #006972, #6D1212)
• Softworn Cocoa Bloom color palette (#EBFAEB, #91B09B, #8C6C39, #77430C, #244537)

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