Pine Ridge color palette — #FFF2EB · #B2FFFB · #00ACC6 · #007744 · #00283C

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#B2FFFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ACC6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007744): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00283C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Weathered Azure Quarry color palette (#FFF2EC, #D6DEF9, #00A7E2, #007460, #00244C)
• Pale Turquoise Delta color palette (#E5FBF5, #8DEDE8, #00C2C9, #009A83, #003A41)
• Dusty Boulevard color palette (#F2F3E6, #75CDCA, #008188, #005347, #001F23)
• Antique Denim color palette (#F1DDD3, #5AB0C3, #005C82, #002C24, #000105)
• Worn Lagoon Workshop color palette (#FBF3F0, #C2E0E8, #82C5E6, #3A947C, #4E3451)
• Misty Cornflower color palette (#FFF3E5, #FEAE30, #5288EF, #915F00, #001358)
• Timeworn Garden color palette (#FFF3E5, #D1BA64, #AB7000, #7F3300, #171B00)
• Misty Apricot Bloom color palette (#FFE0DA, #FF955D, #BB7300, #644F00, #242200)

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