Tempered Driftwood color palette — #F4F6EF · #D5DBD7 · #A2AFB4 · #688C6E · #525449

Built around Fern, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D5DBD7): a clean, paper-quiet neutral.
• Ash (#A2AFB4): a calm mid-gray that lets other colors speak.
• Fern (#688C6E): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#525449): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Lagoon Cabin color palette (#F1F2EC, #D2D9D5, #A4B2B5, #659062, #363730)
• Abyss Pier color palette (#DFE7E1, #B0BCB4, #769787, #004E55, #172319)
• Patina Pewter color palette (#E8FCE8, #BDCFC2, #859B90, #836A76, #634D53)
• Dusty Ridge color palette (#F7F6E5, #7EB69C, #41847D, #415A80, #404C36)
• Antique Driftwood color palette (#F5F6EC, #BEC5A6, #778A47, #696A20, #4A5303)
• Spruce Coast color palette (#E2E5DE, #949D8D, #64775E, #003420, #070B02)
• Dusty Teal color palette (#F1F8EA, #BDF9C8, #8CDBC0, #4BB2AC, #425139)
• Hushed Study color palette (#EAF9F3, #BBDBD2, #B59EB4, #00618C, #133B2F)

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