Misty Pier color palette — #F8F5E8 · #B4BE43 · #008CB9 · #727900 · #051D14
Gold and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5E8): a clean, paper-quiet neutral.
- Gold (#B4BE43): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#008CB9): A full-bodied, balanced blue — the color of deep harbor water.
- Olive Leaf (#727900): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#051D14): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Frosted Mustard Studio color palette (#FAF4EB, #DEAB4B, #009296, #946900, #0C1D0E)
- Airy Cobalt color palette (#F4F7EB, #79CA83, #2884D5, #25873B, #041D18)
- Ancient Olive color palette (#ECF8F5, #BCDE8D, #009E9B, #5F8500, #00070A)
- Azure Workshop color palette (#EDF8F2, #D5CE7C, #22AEF1, #A59900, #061A28)
- Ancient Taupe color palette (#F9F5EA, #A29D45, #00668E, #565200, #011E15)
- Wandering Clover color palette (#FFEADC, #47BD60, #008793, #79405B, #2E322B)
- Moss Pier color palette (#E3E2D0, #77A400, #006B85, #425D00, #000502)
- Dusty Pier color palette (#F2F8E6, #009D5B, #2670B7, #6C387A, #291B05)
Browse the whole catalog at Explore, or see today's palette.