Driftwood Harbor color palette — #FFF1F3 · #AF7DA8 · #7A8648 · #006E66 · #4B3739

Built around Olive Leaf, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Dusty Rose (#AF7DA8): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#7A8648): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#006E66): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4B3739): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Timeworn Garden color palette (#FFF2ED, #B67F7F, #528C7B, #1F6786, #4A3832)
• Olive Chapel color palette (#FEF2F1, #B07C96, #5A7129, #005B5E, #3D2A35)
• Softworn Fern Study color palette (#FFF0F9, #898AC1, #9A7850, #446B34, #4B3643)
• Driftwood Coast color palette (#FBEEF3, #9E87C9, #798C44, #176784, #2C1E24)
• Softworn Cocoa Station color palette (#FEF4E4, #D095A0, #9E684E, #006957, #71331B)
• Worn Taupe Cabin color palette (#F2F5FF, #AAA2DD, #85A86D, #567F9E, #393C49)
• Patina Driftwood color palette (#FBF3F2, #DED9D4, #A7AFA7, #A96E81, #5A504E)
• Pale Plum Lantern color palette (#FCEAE5, #B24856, #007355, #004C64, #3B1D15)

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