Dusty Pine color palette — #FFF2EE · #98D9D6 · #009BBF · #007921 · #00345F

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ice Blue (#98D9D6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007921): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00345F): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Faded Balcony color palette (#FEF0FF, #B1FFFD, #00AAD2, #007925, #002548)
• Sunlit Cornflower color palette (#FFF2EA, #7FD9F7, #008FF3, #00755F, #282276)
• Faded Workshop color palette (#EFE5E1, #75C0C3, #0080A7, #005D2C, #001D46)
• Softworn Dune color palette (#FFF4E2, #6FF1F0, #00C0D5, #009B77, #003949)
• Weathered Garden color palette (#FCF4EB, #B8DED4, #848EDA, #007B81, #423155)
• Timeworn Lagoon color palette (#FBF3F1, #CFE6E2, #8CB8D4, #4C9873, #604B5D)
• Byzantium Pier color palette (#D9F5EB, #00A485, #8D51FF, #9700EB, #002C22)
• Ultramarine Market color palette (#F7E8DF, #78AABE, #0066BB, #004B3F, #110341)

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