Pale Pier color palette — #EDF7FF · #309BD8 · #A72673 · #284100 · #000E1A

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Cerulean (#309BD8): A luminous, balanced blue — the color of open sky before noon.
• Magenta Rose (#A72673): A full-bodied, vivid rose — the color of pressed rose petals.
• Deep Olive (#284100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000E1A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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 Drift color palette (#E5F9FF, #00A7A5, #8D3F8E, #413900, #0B0F00)
• Hazy Brick color palette (#F0F5FF, #7989E5, #AF2E0C, #004523, #000D1D)
• Dusty Mulberry Summit color palette (#EAF4FF, #267AD6, #91003C, #052E02, #000206)
• Patina Rust color palette (#EEF6FF, #64ACED, #BE4C44, #005840, #00211F)
• Frosted Sapphire color palette (#F3D7EF, #1C5AE1, #841302, #2A3200, #002010)
• Airy Peony Workshop color palette (#F2DAE4, #B086FF, #D0469A, #A63616, #00213B)
• Dusty Amethyst Alley color palette (#E8EDFF, #6C4BD5, #771063, #510103, #000C17)
• Weathered Veranda color palette (#ECF7FF, #A4BEDC, #9A88B0, #585D03, #00331E)

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