Pine Pier color palette — #F7ECE9 · #96D1CE · #1095B4 · #067219 · #022F54

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

The five colors

• Cream (#F7ECE9): bright and airy, almost weightless.
• Ice Blue (#96D1CE): A luminous, dusty teal — the color of sea glass.
• Cerulean (#1095B4): A luminous, balanced blue — the color of deep harbor water.
• Olive (#067219): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#022F54): A deep, shadowed, balanced 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

• Pale Cobalt color palette (#F8ECE4, #ADCDBA, #318CD2, #006E55, #21275B)
• Cerulean Corridor color palette (#FCF1FE, #A1F8F0, #00A3C0, #3A6933, #002039)
• Lagoon Quarry color palette (#F4EEE4, #90E5DF, #00BAC9, #0A956C, #003441)
• Azure Thicket color palette (#FDF3ED, #BFE6CE, #41A2EE, #008568, #313974)
• Timeworn Cypress Studio color palette (#E7F2E9, #86BBC8, #007680, #00523A, #003441)
• Gentle Coast color palette (#FFF3E7, #9FD1FC, #6C7EF9, #007275, #411A68)
• Ultramarine Drift color palette (#EEE1D6, #70AAC9, #1E5ECE, #004B44, #17003F)
• Tempered Sapphire Delta color palette (#EBDBCA, #E19745, #3D70D8, #8D5400, #08235E)

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