Pine Ridge color palette — #F7F0ED · #CCE0DD · #70A3C4 · #257D59 · #452D41

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#CCE0DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70A3C4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#257D59): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#452D41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Softworn Turquoise color palette (#F9F4EE, #C8E8E2, #57A5C0, #357C72, #355148)
• Petrol Veranda color palette (#E8F6EC, #81BFC9, #CF8774, #00808F, #362F2C)
• Wandering Sky Bloom color palette (#F9F3F8, #D6D5E8, #73BBE5, #589576, #475367)
• Cobalt Pier color palette (#F9F0E9, #ACDCC7, #5482CE, #00635A, #251A4D)
• Patina Cerulean color palette (#E0EACA, #86CBBB, #2C9AA8, #006985, #053F35)
• Tempered Study color palette (#F8ECE8, #6BA8AE, #006083, #003C20, #000726)
• Worn Navy color palette (#F6E5DC, #3C8399, #003D6C, #002018, #01000B)
• Teal Thicket color palette (#E7F6EC, #F2D4CF, #E5B9AE, #6DA381, #293F36)

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