Driftwood Pier color palette — #E8FAF0 · #B3DBCE · #B5AE7E · #A38254 · #1A4541

Built around Caramel, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FAF0): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#B3DBCE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B5AE7E): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#A38254): A luminous, dusty gold — the color of afternoon light on wheat.
• Forest (#1A4541): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Bronze Grove color palette (#FBF5E5, #C8BE99, #989255, #7A6829, #3E3D36)
• Ancient Bronze color palette (#D1E6D9, #ACB982, #A08E3D, #935E00, #102B0B)
• Dusty Parlor color palette (#DFF5E4, #CDCD85, #C89D2C, #B86910, #2B3C16)
• Worn Cocoa color palette (#F9F1DE, #A3B37C, #7F7640, #694300, #222511)
• Antique Emerald Cabin color palette (#F9F2FC, #F099B9, #D78B64, #00955B, #222B44)
• Dusty Rust Corridor color palette (#F8D2E4, #DDAF6C, #DF7210, #C7312C, #312900)
• Worn Chestnut Lantern color palette (#DCF1DC, #918136, #815600, #672B00, #030400)
• Dusty Bloom color palette (#FDE0F2, #C1956F, #C4572F, #9E2640, #1F1400)

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