Dusty Pine color palette — #FBF3F1 · #CCE8E0 · #6EA2B5 · #4B7C50 · #604A62

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Honeydew (#CCE8E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6EA2B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#4B7C50): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#604A62): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Villa color palette (#EEF4EF, #CBE0F5, #59AAB6, #417863, #213A47)
• Aged Villa color palette (#F8F5EF, #CBE8DF, #6BC0CD, #5B947E, #3B5045)
• Timeworn Cerulean color palette (#E8FAF4, #E1D6CE, #E3B79A, #3F919C, #594754)
• Dusty Meadow color palette (#FFF0FA, #8B93CC, #AD7F4C, #817116, #4F3B49)
• Taupe Delta color palette (#F9F3F9, #D2D6E9, #AEC1E9, #89AD8C, #455464)
• Tempered Cobalt Meadow color palette (#FEF2EC, #AFDABF, #2086CA, #00694F, #2E3977)
• Softworn Denim Quarry color palette (#DDF5DD, #8BC8DE, #538ABB, #4E5D9F, #674452)
• Washed Canyon color palette (#EFDED7, #458D96, #00425E, #002413, #00032B)

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