Pine Ridge color palette — #FCF1F8 · #86F0EA · #00AEC7 · #00884B · #13455D

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1F8): a clean, paper-quiet neutral.
• Sea Foam (#86F0EA): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00AEC7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00884B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#13455D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Pale Seafoam color palette (#FFF0FA, #00E7E8, #009CBA, #00764B, #003753)
• Aged Workshop color palette (#FFF1F9, #A2E7FF, #3DA3EB, #008379, #2B3E6A)
• Airy Moss Pier color palette (#FEF2EF, #B4F3ED, #0ECAF1, #4AA942, #00426F)
• Chalky Mint color palette (#D6EAD8, #00D6AA, #00A091, #007381, #004C65)
• Muted Lagoon Quarry color palette (#E4FAFF, #CFDBF1, #B2C4FF, #529B76, #254E5E)
• Wandering Aqua Archive color palette (#E0FBFF, #22DAF5, #0097A2, #006170, #002B2F)
• Muted Rose Market color palette (#B7F9FD, #00B1B8, #E5586E, #CD4C46, #003744)
• Soft Blush Veranda color palette (#E5F9FF, #00C6C7, #F85F7F, #008989, #631F2E)

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