Pine Ridge color palette — #F9F3F7 · #C9E3FB · #59B3C6 · #378E5C · #294C64

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#C9E3FB): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#59B3C6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#378E5C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#294C64): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Market color palette (#FAF3F7, #D8DFEF, #94B5D5, #2C9892, #44536C)
• Pale Teal Grove color palette (#BFF5EF, #7FD3B3, #00A99A, #00808E, #165365)
• Blush Thicket color palette (#E7F9FF, #6AC9D0, #E581A1, #00929A, #652D40)
• Timeworn Petrol color palette (#F8EAF4, #78AABC, #00718F, #004C37, #001528)
• Muted Cerulean Atelier color palette (#FFF0FA, #90D8E7, #0098D1, #007461, #003169)
• Iris Terrace color palette (#FFF1F5, #BCDFFF, #6F95FF, #008090, #3F3471)
• Softworn Bronze Workshop color palette (#E7F9FF, #3FB8C4, #D37B81, #B36F2B, #153E4B)
• Aged Ultramarine color palette (#F4E4EB, #6899B6, #0054B0, #003B3D, #06002B)

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