Quiet Pier color palette — #F3ECF4 · #78D8CF · #0096B1 · #3D6B35 · #04304F

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

The five colors

• Blush (#F3ECF4): bright and airy, almost weightless.
• Lagoon (#78D8CF): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#0096B1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#3D6B35): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#04304F): 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 Quiet 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

• Ancient Pine Canyon color palette (#FAF3F9, #A4E1E5, #52A0C3, #387C51, #293C54)
• Washed Cobalt color palette (#F9EAF1, #87CFF3, #5686D1, #006D62, #2D2653)
• Hushed Quarry color palette (#FFF2EB, #D1EFCE, #00A4BB, #006E3C, #002232)
• Cypress Grove color palette (#EFF0E2, #84BEBA, #00777A, #005143, #00353B)
• Pale Sky Archive color palette (#E4FBCD, #9CE3C3, #60C2F0, #896D35, #013836)
• Driftwood Dune color palette (#F9F3F9, #D3D6EB, #86BAD0, #6A9271, #465464)
• Faded Ultramarine color palette (#F6E2EB, #49ADE1, #3861B9, #004A46, #160834)
• Patina Denim Boulevard color palette (#EDE0EA, #3CA2B1, #005F88, #003E26, #010328)

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