Washed Pier color palette — #FDF0DD · #BCE3C7 · #7AAAA6 · #A69078 · #3E3A34

Built around Celadon Mist, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#FDF0DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#BCE3C7): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7AAAA6): A luminous, dusty teal — the color of sea glass.
• Caramel (#A69078): A luminous, dusty gold — the color of honey in a jar.
• Charcoal (#3E3A34): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Washed 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

• Cocoa Delta color palette (#FEEEE7, #B7ECE8, #DFD5C7, #AD8C80, #5D2A00)
• Hushed Driftwood color palette (#EAFAEA, #C1E7E3, #A7CBD2, #A68596, #415045)
• Washed Spruce color palette (#F1F6D7, #B5F2EB, #92DAC9, #718961, #2F3900)
• Hushed Chestnut Summit color palette (#FFF2E9, #DBE5CC, #BABAC4, #C7A094, #6D4900)
• Olive Studio color palette (#F1E8D8, #96913F, #5B7200, #422D00, #050300)
• Bronze Summit color palette (#FBF0E5, #D4B68E, #A87740, #7D4A15, #332B1E)
• Weathered Moss color palette (#F5F2E6, #939D29, #459093, #7E5146, #262313)
• Forest Station color palette (#D0F4DF, #4DB696, #008E8A, #0B510A, #000C06)

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