Dusty Pine color palette — #FCF1F8 · #B9DBE4 · #49A3B9 · #00814F · #003F5D

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1F8): a clean, paper-quiet neutral.
• Powder Blue (#B9DBE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#49A3B9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00814F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003F5D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Pine color palette (#FCF3EE, #CDE0F8, #55B5CB, #308056, #01382A)
• Weathered Summit color palette (#F9F3F7, #CFDFF9, #6FADD4, #018E7C, #354963)
• Airy Cobalt Field color palette (#F5EBF1, #A2CBE2, #1B8ED4, #006D64, #172B59)
• Misty Lagoon Chapel color palette (#D3E5D7, #65C4A2, #009993, #006975, #003D51)
• Dusty Ridge color palette (#F6F6ED, #B0CFAF, #008991, #006154, #24422E)
• Wandering Denim color palette (#F5E5F0, #55A0A4, #00627A, #003D29, #000A16)
• Muted Lagoon color palette (#CBEBF8, #00A8BB, #D9576D, #CA4321, #003140)
• Pale Courtyard color palette (#F5E5EE, #6DABC6, #0069B1, #004A47, #07004A)

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