Pine Pier color palette — #F7F0EE · #C9E5DD · #70A5B7 · #467949 · #163E36

Built around Olive, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F0EE): bright and airy, almost weightless.
• Silver (#C9E5DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#70A5B7): A luminous, dusty blue — the color of open sky before noon.
• Olive (#467949): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#163E36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Pine Pier 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

• Muted Cypress color palette (#F6F1EC, #CAE1E1, #879DC3, #1B7B71, #492B3C)
• Turquoise Chapel color palette (#F8F3F9, #D2D7EE, #7ABDD1, #6F916C, #405569)
• Abyss Workshop color palette (#F9ECE7, #468489, #00415A, #00210F, #000107)
• Petrol Orchard color palette (#F3E6DE, #8ABCD1, #346CAF, #004C41, #140642)
• Cobalt Study color palette (#FDEEE7, #B1DCC0, #008AD1, #006549, #141D56)
• Wandering Cerulean Hollow color palette (#FAEDFB, #E9D2D3, #B3AE96, #51A1AF, #4D3846)
• Timeworn Bronze Pier color palette (#FEECF7, #9298C7, #B6814D, #A4692B, #351F2E)
• Antique Study color palette (#E8F5F2, #90B7DF, #B89659, #2775BA, #35302A)

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