Pine Ridge color palette — #FDF2F0 · #C2DDBF · #4FA2BB · #367E38 · #143D60

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

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Celadon Mist (#C2DDBF): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4FA2BB): A luminous, balanced blue — the color of open sky before noon.
• Olive (#367E38): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#143D60): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Ancient Lantern color palette (#F9F3FA, #C7DFF9, #3FB7D3, #557A4F, #0E314B)
• Softworn Periwinkle color palette (#FAF4EF, #B7DFCE, #6D95DC, #007D73, #3A335D)
• Weathered Garden color palette (#F0F7F1, #94D3CF, #008894, #006247, #084151)
• Weathered Aqua Balcony color palette (#F9F4ED, #B2EDE9, #31C7D7, #559C80, #1E4331)
• Cobalt Archive color palette (#F0E2DD, #7CBEC4, #007FAB, #005D34, #021C4A)
• Antique Market color palette (#F9F4EF, #CEE4E7, #A4AFDC, #3B9699, #674854)
• Frosted Crimson color palette (#FFE9E2, #DF8E90, #00ABA7, #D10E3E, #003E3D)
• Airy Emerald color palette (#F5E1CC, #C38646, #00A45A, #00898B, #3E2507)

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