Tempered Driftwood color palette — #FCF4E4 · #D2C48F · #92B3E3 · #9F8C3C · #5C445C
Built around Moss, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF4E4): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#D2C48F): A luminous, dusty green — the color of fresh herbs.
- Sky (#92B3E3): A luminous, dusty blue — the color of open sky before noon.
- Moss (#9F8C3C): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#5C445C): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, muted.
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
- Patina Amber color palette (#FFF3E4, #DFBE91, #83B8E0, #AF8343, #25584A)
- Patina Emerald Atelier color palette (#F5F7E7, #A8D1A3, #BDA6D5, #679C60, #64414E)
- Wandering Marigold Dune color palette (#FDF4E5, #EAD29D, #AFC5FF, #C5A455, #5A4557)
- Washed Bronze color palette (#EDF9EF, #C2AE80, #8695D1, #8E6D04, #3D4D6D)
- Tempered Pier color palette (#FDF4E8, #C0E4D0, #BAB9C4, #BD9C8B, #5E4A00)
- Dusty Taupe Loft color palette (#FFF5D9, #E0D5A6, #ADA163, #6C6832, #3C3932)
- Hushed Bronze Lantern color palette (#FBF4EA, #D3CBAC, #AE9876, #9E6539, #494C00)
- Aged Pier color palette (#F5F6ED, #F1C8A8, #7D833C, #4D5200, #2B2C22)
Browse the whole catalog at Explore, or see today's palette.