Pine Ridge color palette — #FFF2EE · #97ECEB · #00ACD5 · #00892F · #16416C

Olive Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#97ECEB): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00ACD5): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#00892F): A full-bodied, vivid green — the color of a quiet forest floor.
• Navy (#16416C): A deep, shadowed, balanced 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

• Pine Summit color palette (#FFF2ED, #62E0E7, #009AC8, #00773D, #0A3165)
• Tempered Study color palette (#FFF0FA, #CEDDF2, #4ABFDC, #008D59, #003956)
• Periwinkle Basin color palette (#FDF3ED, #A4E6FF, #459FFB, #00856F, #393B63)
• Chalky Teal Bloom color palette (#F6F6E7, #ACF4F3, #44CBD7, #00A795, #004853)
• Softworn Powder Lagoon color palette (#FBF3F0, #CCE8E4, #80B8E2, #56957B, #5E4C5A)
• Powdered Sapphire Cabin color palette (#E9DFD8, #79BCD6, #0074D8, #005B4D, #1B144A)
• Denim Lantern color palette (#ECDFD8, #5B9DB4, #0058A2, #003D32, #07002A)
• Chalky Forest Ridge color palette (#F0E2DE, #41B6B0, #00728A, #094E09, #001529)

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