Tempered Driftwood Coast color palette — #FAF5E9 · #C9C19E · #87853D · #577030 · #5B4D00

Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Sand (#C9C19E): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#87853D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#577030): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5B4D00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Tempered Olive color palette (#F4F7EA, #B6C8A1, #548D86, #636C25, #3E5616)
• Driftwood Drift color palette (#F7F1E9, #CDC3A1, #728B66, #596654, #33312A)
• Hushed Bronze color palette (#F4E2C9, #8B7A00, #414A00, #003441, #201B00)
• Aged Taupe Drift color palette (#EFF8F0, #B9DACA, #8CA47E, #61848A, #3F5249)
• Muted Balcony color palette (#E6E6D5, #4AA15B, #006549, #29462C, #272C0C)
• Twilit Fern Orchard color palette (#E5DEC9, #4C6800, #023506, #001C16, #070600)
• Linen Moss color palette (#F1ECD4, #6BA538, #006D32, #1D446F, #1C3600)
• Periwinkle Grove color palette (#FEF0FF, #639BDC, #BC7179, #658053, #4A3E4B)

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