Misty Pier color palette — #DBF3FF · #0096B2 · #6D7E00 · #005D6F · #181E00
A conversation between Olive Leaf and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Frost (#DBF3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0096B2): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#6D7E00): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005D6F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Ink (#181E00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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
- Hushed Basin color palette (#D7F4FF, #00A5B3, #B95D00, #005860, #110400)
- Hazy Pier color palette (#D2E8FA, #007EB2, #8825DA, #006851, #001421)
- Ultramarine Parlor color palette (#D2E2F7, #4683E9, #008A5F, #0049B4, #002114)
- Chalky Sapphire Parlor color palette (#CBEBEF, #009D7F, #485EF6, #00614E, #0C1148)
- Muted Emerald Quarry color palette (#D1E7FF, #3BA3FF, #00A853, #006CB7, #003917)
- Aged Terracotta Bloom color palette (#D6E9F0, #007A93, #9A3000, #00404F, #340A00)
- Misty Ember color palette (#D1E5D9, #00AED0, #E85B25, #007D97, #340B00)
- Sapphire Study color palette (#E0EAF8, #2362CD, #006949, #003082, #000804)
Browse the whole catalog at Explore, or see today's palette.