Quiet Pier color palette — #94FFE6 · #00CECD · #0097B0 · #006287 · #00355D
Aqua and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Sea Foam (#94FFE6): A whisper-light, balanced teal — the color of sea glass.
- Aqua (#00CECD): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0097B0): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006287): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Denim Villa color palette (#99F3F4, #3AC4E2, #008EC5, #00539F, #1F2772)
- Mint Study color palette (#BEFCB6, #3BD7A1, #009B87, #006A6C, #003947)
- Glacier Basin color palette (#D3FFFE, #52ECFD, #00A9C6, #006A8B, #002A40)
- Soft Corridor color palette (#A9FCA1, #00C6AC, #007C8E, #004B7E, #360186)
- Seafoam Station color palette (#E8FBE9, #40F9C3, #00D6E7, #05A0F0, #003E4D)
- Patina Courtyard color palette (#FFF4E2, #00C1B8, #0089B4, #9F1D59, #003E43)
- Aged Cerulean color palette (#DEF0E3, #0097AA, #004B6B, #0E2E1A, #0B140A)
- Nightshade Coast color palette (#A2FFC1, #2AE3D0, #00BACE, #0086C2, #1C119F)
Browse the whole catalog at Explore, or see today's palette.