Powdered Harbor color palette — #DFE2CC · #689800 · #005E2A · #003423 · #000706
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DFE2CC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#689800): A luminous, vivid green — the color of fresh herbs.
- Pine (#005E2A): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003423): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Powdered Harbor 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
- Emerald Balcony color palette (#DCF3D7, #00A073, #005D4F, #002F30, #000507)
- Hushed Olive color palette (#EBEBCB, #508200, #014A0E, #00281D, #001613)
- Muted Thicket color palette (#FDEED6, #8E7D00, #535800, #0B2700, #000200)
- Grape Villa color palette (#E3EBD6, #24A470, #8A2098, #00482D, #030004)
- Moonless Pine color palette (#D0EACD, #007E51, #005145, #001819, #000102)
- Lime Lagoon color palette (#DEF790, #5CDE40, #009868, #00584C, #002726)
- Azure Boulevard color palette (#C4FBD8, #68E3DD, #51A8E5, #505E00, #000D0A)
- Tempered Teal Veranda color palette (#B6FFE0, #00C8B1, #008C98, #00576D, #001C30)
Browse the whole catalog at Explore, or see today's palette.