Dusty Pier color palette — #F1F9E4 · #F9FD97 · #B2F3F6 · #85D4EF · #1F311E
Built around Butter, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F9E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Butter (#F9FD97): A whisper-light, balanced green — the color of fresh herbs.
- Sea Foam (#B2F3F6): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#85D4EF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#1F311E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Dusty Pier 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
- Aged Aqua color palette (#F4F8E3, #BEE0CA, #64D8EB, #B2B6C7, #25301A)
- Lagoon Canyon color palette (#FCF3EF, #BBEAF4, #88C5DD, #4F9178, #22473E)
- Ancient Atelier color palette (#DDFFEC, #B9E4E4, #C3B7B1, #A597FF, #002B45)
- Misty Azure color palette (#E5F6F5, #F3E393, #6BD097, #21A3E5, #002C27)
- Linen Loft color palette (#E5FCEB, #6BE8FF, #FF999D, #2A99AC, #522D21)
- Airy Delta color palette (#E1FFDB, #ADF1D1, #00E1D7, #1298F5, #00191C)
- Tempered Atelier color palette (#DAFFEF, #4DEED6, #00B9BF, #287B91, #164135)
- Muted Bronze color palette (#F8F6E9, #CBF2CC, #72AC99, #85762D, #373D00)
Browse the whole catalog at Explore, or see today's palette.