Pine Ridge color palette — #ECF8F7 · #C7DFEC · #A2C3CA · #41794B · #2D4543

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#C7DFEC): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A2C3CA): A luminous, dusty blue — the color of deep harbor water.
• Olive (#41794B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2D4543): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Washed Grove color palette (#EBF4F3, #C8DBE6, #ABC4CD, #377D3B, #0B2B28)
• Softworn Forest Garden color palette (#E2F2F2, #B9D1D5, #85A7B1, #096540, #213131)
• Hushed Emerald color palette (#F4F7EA, #CDDFD5, #AAC6C0, #469C4C, #3F4400)
• Cerulean Hollow color palette (#EEF6FC, #D8DAE5, #B6AAAF, #66879B, #4B5459)
• Tempered Abyss color palette (#E2F1F7, #96ADBB, #67839B, #004044, #04171D)
• Shadow Cypress Bloom color palette (#D2E7E9, #007A66, #003235, #001D20, #01080D)
• Wandering Jade Archive color palette (#E0FDF5, #61B977, #007C5D, #265C51, #1E4428)
• Cerulean Bloom color palette (#C7FBDF, #67B9B9, #3B8AA8, #71465E, #683535)

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