Tempered Driftwood Harbor color palette — #ECF9F1 · #86D0E6 · #9EACDB · #B76577 · #21372B
Mocha and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Sky (#86D0E6): A luminous, dusty blue — the color of open sky before noon.
- Mauve (#9EACDB): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#B76577): A luminous, balanced red — the color of embers at dusk.
- Deep Forest (#21372B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Muted Driftwood Study color palette (#F4F7EA, #A4D1A4, #89B3DB, #9F6CA5, #31322C)
- Wandering Bronze Alley color palette (#EEF8F3, #7ABADA, #8386BB, #9E5447, #282D18)
- Weathered Powder Dune color palette (#ECF7FE, #81D0E8, #C0AAE3, #B48AAB, #314048)
- Hushed Hollow color palette (#F3F7EF, #A1DAC5, #8599C7, #9D5246, #194229)
- Washed Bronze color palette (#EBF9F2, #95CCE6, #D698BA, #A37941, #21372D)
- Wandering Dune color palette (#FFF0FD, #96B2EE, #CD85A2, #936A10, #2F1E2D)
- Quiet Peony Orchard color palette (#E4FCED, #00B0D0, #BE689D, #8B4E00, #001B0D)
- Brick Summit color palette (#DFFDF1, #1CB3F7, #A179E1, #BA2800, #001E2E)
Browse the whole catalog at Explore, or see today's palette.