Dusty Pine color palette — #FFF0FE · #70DFE5 · #009AC8 · #00773C · #00306B
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Ice Blue (#70DFE5): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#009AC8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#00773C): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00306B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Gentle Field color palette (#FFF0F8, #77D9FF, #398DED, #007463, #2D266A)
- Linen Turquoise Pier color palette (#FFF2EC, #BCFCFF, #00AAD1, #007653, #002741)
- Antique Cobalt color palette (#F0E5EE, #42C6D2, #007FAD, #005D35, #031B4A)
- Tempered Turquoise Atelier color palette (#E9F9F6, #8BECF1, #00C0D4, #00998E, #003A45)
- Aqua Station color palette (#F6F7E0, #5FCAD0, #007C8A, #005650, #003A46)
- Worn Atelier color palette (#FAF2F8, #C5EBFF, #7FAACF, #438A73, #3B4762)
- Soft Magenta color palette (#F0DDF1, #EF45FF, #009791, #008252, #390E3D)
- Frosted Ultramarine color palette (#EADCE4, #3FAFDB, #1964BF, #004B41, #130838)
Browse the whole catalog at Explore, or see today's palette.