Driftwood Coast color palette — #F7F2E3 · #9A9443 · #098071 · #09586B · #21180E

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

The five colors

• Cream (#F7F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#9A9443): A luminous, balanced green — the color of fresh herbs.
• Teal (#098071): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#09586B): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#21180E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Softworn Emerald color palette (#F2F3E4, #60945A, #007489, #375072, #231D0F)
• Muted Moss Drift color palette (#F7F1E4, #9C8B1A, #207E6A, #734041, #251B11)
• Softworn Taupe color palette (#FCF1DA, #BFAA66, #777D4C, #42593D, #322B1B)
• Bronze Workshop color palette (#FCF2F6, #A4744E, #257077, #494F77, #3B313E)
• Pale Parlor color palette (#FFF0D7, #8E6F00, #005F43, #720931, #180900)
• Basalt Grove color palette (#F6F6E9, #7AAD7B, #5D9275, #277487, #551D00)
• Powdered Pine Basin color palette (#F0F4E3, #008645, #005C79, #1E2F70, #0E0B00)
• Muted Bronze Corridor color palette (#FCEFE7, #BB6D50, #687133, #5D3F62, #281A17)

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