Driftwood Harbor color palette — #F1F0FB · #986EA5 · #006765 · #004563 · #0B0F20

Built around Slate Blue, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#F1F0FB): bright and airy, almost weightless.
• Slate Blue (#986EA5): A luminous, balanced pink — the color of a candy shop window.
• Pine (#006765): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0B0F20): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Forest color palette (#ECF2FF, #6972B5, #00704B, #004E51, #021527)
• Navy Market color palette (#F6EFF9, #AC627B, #196594, #3A3784, #120C1F)
• Frosted Navy Workshop color palette (#EEE2F8, #B42281, #00526D, #0F0092, #0D0014)
• Dusty Wisteria Terrace color palette (#FFF1F4, #B975C7, #00868C, #006898, #36212D)
• Linen Workshop color palette (#FEEBFF, #C33D56, #004E9F, #3F0085, #1B0014)
• Muted Emerald color palette (#FFF1F6, #D89A5F, #52904C, #005A8C, #1F0F20)
• Washed Coast color palette (#E7F6EC, #A18C41, #2E763B, #004B4E, #321500)
• Antique Station color palette (#E3F8E9, #BD945E, #7C6A20, #00543C, #0D2A14)

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