Driftwood Harbor color palette — #FCF1FD · #BE6F74 · #3E7959 · #145271 · #312F41

Caramel and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FD): a clean, paper-quiet neutral.
• Caramel (#BE6F74): A luminous, balanced red — the color of a theater curtain.
• Teal (#3E7959): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#145271): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#312F41): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Worn Taupe color palette (#FDF1F8, #C3886B, #607951, #1F5C6E, #3F3E60)
• Driftwood Terrace color palette (#F6F3FF, #9F6997, #616837, #005D55, #2B3442)
• Petrol Station color palette (#F0F8EF, #A27342, #007582, #474B76, #3B2F3F)
• Softworn Bronze color palette (#FBEEF3, #A87D5C, #816C27, #005577, #281622)
• Navy Basin color palette (#FFF0F9, #AF4704, #005D4E, #00338E, #391931)
• Patina Driftwood color palette (#FAF3F8, #E0D7D7, #A6B0B7, #94788D, #585055)
• Weathered Forest Terrace color palette (#FFF0FC, #DDAB95, #A87B4F, #735617, #30511D)
• Pale Delta color palette (#CCF9E3, #686200, #00447C, #49004D, #2E0C00)

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