Dusty Pine color palette — #FBF3F1 · #C7E5DB · #54B3CF · #538A53 · #2B4A69
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Silver (#C7E5DB): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#54B3CF): A luminous, balanced blue — the color of deep harbor water.
- Fern (#538A53): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#2B4A69): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Lagoon Studio color palette (#FBF3EF, #C4E6E4, #80A9D3, #128E76, #5D3B52)
- Aged Cypress Archive color palette (#F1F7F2, #B7E5F1, #309AA8, #0D7357, #314C5A)
- Aqua Terrace color palette (#F9F4ED, #BDEFE0, #6ECEDD, #65A88F, #344F41)
- Washed Teal Courtyard color palette (#E0E3B8, #84CDA8, #00A79C, #007589, #1C4862)
- Timeworn Atelier color palette (#F2E7DF, #719D8D, #2E51AA, #003C39, #0D0025)
- Misty Loft color palette (#EFF8ED, #6ECAC0, #E5877A, #00948A, #672F28)
- Ancient Harbor color palette (#ECFAEA, #C1EAEE, #D8C1FC, #7FAD74, #375443)
- Washed Forest Boulevard color palette (#F8EBE7, #ACCFAF, #0093C0, #007138, #022C60)
Browse the whole catalog at Explore, or see today's palette.