Dusty Pine color palette — #FDF1FC · #B0FFFE · #00AAD4 · #00782C · #002549

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Sea Foam (#B0FFFE): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00AAD4): A luminous, balanced blue — the color of open sky before noon.
• Olive (#00782C): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002549): A deep, shadowed, dusty 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

• Weathered Dune color palette (#FFF0FB, #D1DAF4, #00A6E8, #00764D, #0B1F54)
• Turquoise Delta color palette (#FFF4E2, #7CEFF1, #00BFD9, #009B7C, #00394B)
• Tempered Aqua color palette (#FFF2EC, #58CCCE, #007A93, #005939, #003754)
• Muted Periwinkle color palette (#FFF0F8, #D6D4E1, #7AAFFF, #00897B, #332E59)
• Softworn Cerulean color palette (#FBF2FA, #8CDBE1, #0085B1, #00552C, #000B26)
• Linen Mint Market color palette (#C8FFC7, #00D7B2, #009994, #005F71, #00273D)
• Ember Pier color palette (#E2FBFF, #2EDDC9, #E95400, #007C70, #390E00)
• Powdered Ember Hollow color palette (#D8FFF4, #00B397, #DF5B00, #A55F00, #001712)

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