Quiet Pier color palette — #FFF2EE · #C16061 · #007B51 · #005375 · #33131C

Built around Brick, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Brick (#C16061): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#007B51): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005375): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#33131C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Navy Lagoon color palette (#FFF2E9, #C97446, #007877, #284891, #361714)
• Gentle Coral Corridor color palette (#FFF0FD, #D76E78, #00875E, #00506D, #0F0B1D)
• Patina Olive color palette (#FFF1F0, #D06EA1, #447000, #005B61, #2D1423)
• Ancient Amber Courtyard color palette (#FEEEE3, #D87842, #478335, #005875, #3E1946)
• Bronze Hollow color palette (#FFECCE, #DA8A6D, #9A6F00, #00606E, #352F2A)
• Ancient Studio color palette (#F6D8C9, #BE3120, #005845, #003659, #160013)
• Ancient Chestnut color palette (#FFF3E7, #8E5100, #654800, #003A49, #381509)
• Aubergine Study color palette (#F0E9CD, #767800, #0064A5, #631376, #1F0A00)

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