Pine Ridge color palette — #F7D5DA · #007B56 · #360039 · #220F0D · #070008

Built around Teal, softened by Deep Indigo — the whole palette hums with creativity and sophistication.

The five colors

• Shell Pink (#F7D5DA): A whisper-light, dusty red — the color of embers at dusk.
• Teal (#007B56): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#360039): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#220F0D): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#070008): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, 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

• Moonless Harbor color palette (#FFE6E2, #346700, #2C0013, #120601, #040001)
• Midnight Bronze color palette (#F8DDDD, #896600, #38002A, #1A1103, #0E0008)
• Nocturne Onyx color palette (#EEE0E8, #557400, #1B005D, #120401, #020014)
• Hushed Boulevard color palette (#E5E3F5, #009D52, #560071, #1C0027, #02000B)
• Garnet Alley color palette (#EFDDD6, #869654, #700207, #2B0001, #050100)
• Bronze Canyon color palette (#FFE8D7, #867A00, #451D00, #1D251F, #120400)
• Smoked Amber color palette (#EBE2F8, #B28600, #4F003D, #1C070C, #040002)
• Garnet Atelier color palette (#E7DFDD, #AA9D94, #9A7533, #690027, #0E0100)

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