Driftwood Harbor color palette — #FFF1F7 · #ECB893 · #7ABBDC · #B37F5A · #2F5168

Caramel and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#ECB893): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#7ABBDC): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#B37F5A): A luminous, balanced gold — the color of old brass.
• Peacock (#2F5168): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

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

• Tempered Driftwood color palette (#FAF2FC, #F1B0BA, #74C1BB, #BB7581, #2D545C)
• Antique Driftwood color palette (#EAF9F1, #CCC888, #ADAAE3, #96903D, #424B6D)
• Ancient Bronze Parlor color palette (#FFF1F5, #CDA881, #4BA5C5, #A06300, #2D5266)
• Washed Amber Lagoon color palette (#FFF3E9, #E9DBB8, #9BD3FF, #C88A5A, #2A4E44)
• Teal Archive color palette (#FFF1F6, #D5A77C, #68B5AA, #9B88B4, #533A44)
• Weathered Powder color palette (#FFF1F6, #C2EBF5, #9ECAE2, #BA95AC, #465748)
• Driftwood Bloom color palette (#EFF8F2, #B8DCBF, #618872, #355544, #212F27)
• Ancient Cornflower color palette (#E4FDE6, #F5B22C, #4B88EC, #9C6D00, #163870)

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