Dusty Pine Basin color palette — #F0F3EC · #CDDAD3 · #AFBCAA · #18764F · #1F2219

Pine and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#CDDAD3): bright and airy, almost weightless.
• Stone (#AFBCAA): A luminous, dusty green — the color of new leaves after rain.
• Pine (#18764F): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1F2219): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty Pine Basin 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

• Aged Cypress Drift color palette (#EDF8F7, #CCDCE8, #A1B8C1, #3E714C, #2F3E3D)
• Aged Boulevard color palette (#EAF5EC, #C6D9CD, #7AB5CE, #006870, #0F1E12)
• Washed Coast color palette (#F1F3E8, #6FB18C, #00775A, #464740, #182003)
• Tempered Lagoon color palette (#F4F6EF, #D3DED9, #AEB1C1, #599B6B, #2D2F27)
• Washed Petrol color palette (#E9F5F0, #C3DCE1, #D1B5CF, #0673A5, #162923)
• Aged Lagoon color palette (#E1E9E1, #93A696, #5F866E, #003F3E, #000600)
• Weathered Seafoam Ridge color palette (#E8F7E1, #74E5A9, #00C2AE, #00868D, #091E05)
• Navy Harbor color palette (#EBEBD4, #00A087, #00686B, #202F7B, #091E03)

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