Dusty Pine color palette — #FBF3F1 · #C2DDC0 · #33A4C5 · #17822C · #173C60
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Celadon Mist (#C2DDC0): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#33A4C5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive (#17822C): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#173C60): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
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
- Tempered Azure color palette (#FCF3EE, #B6E0CA, #6798D3, #007E6B, #35365B)
- Hushed Aqua color palette (#FBF4E9, #B1EEEA, #5EC3D0, #4B9E80, #074151)
- Hazy Bronze color palette (#F2DCF3, #5E98DD, #A38600, #617C25, #39213B)
- Misty Cornflower color palette (#FFF3E9, #98D3F9, #5383FF, #00736E, #382265)
- Muted Lagoon Hollow color palette (#F9F4EF, #CCE7EB, #A3AEE2, #1D989D, #694754)
- Hushed Archive color palette (#FAE9E3, #9ABBA1, #007FAD, #005D36, #01194F)
- Cerulean Loft color palette (#FEF0FF, #FFCECD, #EEB2C6, #0094A7, #532F43)
- Denim Alley color palette (#EDDCD7, #7C9C7F, #00617F, #003E1B, #00081D)
Browse the whole catalog at Explore, or see today's palette.