Pine Ridge color palette — #F8F3FA · #C7E2E9 · #5694AA · #207531 · #2E4A67

Olive and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3FA): a clean, paper-quiet neutral.
• Silver (#C7E2E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#5694AA): A luminous, dusty blue — the color of open sky before noon.
• Olive (#207531): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2E4A67): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Cypress Delta color palette (#FAF3F6, #D6DFF1, #769DC7, #377D6C, #46526F)
• Cobalt Ridge color palette (#FAF2F9, #A9CBDA, #3A7FAB, #006344, #2B395E)
• Cerulean Veranda color palette (#F6F1E9, #CAE5C8, #00A0AE, #166E52, #113424)
• Dusty Terrace color palette (#FFF0FA, #C36E54, #008E82, #006F82, #482E40)
• Patina Cerulean color palette (#E5DAE4, #459FA5, #00516D, #003218, #001134)
• Brick Coast color palette (#FEF0FC, #CC8C89, #009E95, #B12F37, #034D48)
• Weathered Powder Coast color palette (#FCF3F0, #D5F5D1, #7ECAE1, #7DA47A, #2C5047)
• Washed Lagoon color palette (#EAFAEC, #8FB0A1, #866F44, #794021, #21443F)

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