Pale Pier color palette — #E8FED4 · #3AE6B9 · #D56798 · #BB5752 · #223112
A conversation between Lagoon and Hot Pink, giving this palette its sense of nature and growth.
The five colors
- Custard (#E8FED4): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#3AE6B9): A whisper-light, balanced teal — the color of sea glass.
- Hot Pink (#D56798): A luminous, balanced rose — the color of strawberry cream.
- Brick (#BB5752): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#223112): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Ancient Chartreuse color palette (#F4F9D9, #48EC4A, #DC5CA9, #C35861, #2B2E0E)
- Weathered Coral color palette (#E1F6DE, #00C5BD, #E57C80, #B7696B, #1C2B1A)
- Tempered Coral color palette (#E1FEE5, #39E0EB, #E2665C, #B45F00, #003236)
- Patina Magenta Study color palette (#FFF5D7, #D3CE33, #C466D1, #BB5986, #342A0A)
- Tempered Byzantium color palette (#DCFCFF, #30C29E, #9E4FAC, #9E464B, #003236)
- Quiet Ember Grove color palette (#DAE2C9, #00BA6C, #E56144, #B05541, #181E05)
- Wandering Coast color palette (#FFF2EA, #00DDCF, #75A3FF, #AE571E, #003D48)
- Softworn Bloom color palette (#E8FAF4, #87CAFF, #D4B07D, #B1946B, #2D423C)
Browse the whole catalog at Explore, or see today's palette.