Weathered Pier color palette — #CBE6D5 · #937E00 · #2161D7 · #554900 · #0D2655

Royal Blue takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CBE6D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#937E00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#2161D7): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#554900): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#0D2655): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

Use it as a design system

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

• Sapphire Lagoon color palette (#FCEED6, #9B7B00, #4E5DCB, #574400, #08053D)
• Chalky Thicket color palette (#C8E7D1, #CBA428, #366CE7, #7A6000, #0E2458)
• Quiet Pier color palette (#C3E7DF, #64A13E, #5B3DC0, #285600, #27204E)
• Aged Bronze Bloom color palette (#D2E4D3, #A77300, #00778C, #624200, #002F38)
• Byzantium Coast color palette (#C9E6D3, #967C00, #8730D5, #574800, #321B4C)
• Iris Hollow color palette (#EBDCC4, #ECBB3E, #7881EA, #A27C00, #1F2058)
• Pale Grape color palette (#CEE8CB, #945D00, #7327C9, #622F8B, #2E1A00)
• Airy Scarlet Basin color palette (#F0D4E9, #D64634, #0073A0, #8B0A00, #002D42)

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