Pale Pier color palette — #D4F2FE · #00818F · #A3060A · #004131 · #000201

Garnet and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4F2FE): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00818F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#A3060A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Tempered Cobalt Study color palette (#D5E1EC, #0079B8, #8B3A00, #003F41, #000202)
• Mulberry Corridor color palette (#D0E2E6, #008476, #9A0066, #004224, #000201)
• Mulberry Corridor color palette (#C7E6F4, #6F80B3, #934D7C, #0B5035, #00180D)
• Scarlet Basin color palette (#CDE5F6, #25BCF8, #D83309, #00716C, #002523)
• Washed Terrace color palette (#DFEAF8, #3B8DFF, #A16200, #005C66, #001518)
• Airy Station color palette (#D7DFF1, #505AF0, #6B5200, #003F41, #000202)
• Aubergine Alley color palette (#D0E5E4, #1C9358, #750094, #343B00, #010200)
• Twilit Ultramarine Garden color palette (#EBD9E5, #3F42C0, #6A0035, #241800, #000201)

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