Dusty Pine color palette — #DBFDFD · #A9E3E1 · #6BAE86 · #267850 · #17422C
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DBFDFD): A whisper-light, dusty teal — the color of sea glass.
- Sea Foam (#A9E3E1): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#6BAE86): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#267850): A full-bodied, balanced teal — the color of sea glass.
- Forest (#17422C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Dusty Pine 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
- Mint Pier color palette (#EEFBDA, #C0ECE9, #87C9A7, #4D7B60, #2E3029)
- Washed Petrol Atelier color palette (#E8F8FF, #ACDCF1, #59ABB8, #007A88, #02444D)
- Teal Dune color palette (#A5F7F2, #2EBEBD, #008985, #004C4B, #001D1C)
- Patina Olive color palette (#DDFEEF, #D9DAAB, #A6A761, #6F6E1D, #3B3D0A)
- Lagoon Boulevard color palette (#DCFDFD, #9BD6B6, #3F9463, #1B5C40, #023F3F)
- Ancient Taupe Archive color palette (#E6FAFA, #CBDFEB, #BCB2B9, #84A987, #365657)
- Aged Taupe Thicket color palette (#EEF9ED, #B9D2BD, #85A585, #8F6776, #384E3F)
- Lagoon Alley color palette (#DFF3EA, #008B6B, #00523D, #00251A, #000201)
Browse the whole catalog at Explore, or see today's palette.