Driftwood Loft color palette — #FEF3E7 · #AB8051 · #5B6A32 · #135663 · #463031

Caramel and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E7): a clean, paper-quiet neutral.
• Caramel (#AB8051): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5B6A32): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#135663): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#463031): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

One click turns Driftwood Loft 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 Taupe color palette (#FDF3ED, #C78475, #4F7C5E, #485179, #4C3252)
• Cypress Archive color palette (#FDF4E7, #9A7B4A, #217E6F, #444674, #4D2500)
• Timeworn Loft color palette (#FCF0E2, #A67029, #3F3C35, #2F271F, #171510)
• Washed Driftwood color palette (#FBF3EF, #DBDAD3, #A1AFAC, #A37565, #58514D)
• Sunlit Parlor color palette (#FFF4DB, #7B6800, #2B6600, #00406F, #40141F)
• Timeworn Bloom color palette (#FFF4E1, #D19788, #857647, #6C4D69, #6A3A00)
• Tempered Boulevard color palette (#FFF2ED, #E7B19A, #A17A50, #665C17, #3F5200)
• Aubergine Harbor color palette (#FFF3E5, #865700, #005A5A, #442765, #2E1A05)

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