Pine Pier color palette — #EDDBD5 · #36C7C7 · #0091B5 · #00732A · #00142D

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

The five colors

• Bone (#EDDBD5): A whisper-light, dusty orange — the color of autumn markets.
• Aqua (#36C7C7): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#0091B5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#00732A): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Quiet Azure Harbor color palette (#EBDCD5, #61D2E8, #0D9BE4, #00815C, #121C41)
• Frosted Cobalt color palette (#F8E8DD, #4AADD5, #2972D0, #005E53, #090028)
• Washed Bloom color palette (#E3F2E6, #00B8BA, #007383, #004C3B, #001720)
• Turquoise Dune color palette (#FDE9E4, #87E7E0, #00B7DB, #598D55, #10304B)
• Worn Lagoon color palette (#EDE0E9, #45999A, #005263, #002D1B, #00050B)
• Hushed Byzantium color palette (#EADAF2, #B902F0, #008A5C, #006B68, #100018)
• Antique Powder Field color palette (#FEF3E9, #CAE9FF, #95B4FF, #00A6A0, #433762)
• Moss Terrace color palette (#F0E6CA, #65A40E, #7A7000, #6C4200, #000F07)

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