Tempered Driftwood color palette — #EFF6FF · #6F92C3 · #858337 · #206B72 · #333E4B

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Slate Blue (#6F92C3): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#858337): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#206B72): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#333E4B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Bronze Field color palette (#ECF7FF, #4C9AC1, #A97039, #496942, #313F49)
• Weathered Lagoon Field color palette (#F4F4FF, #A57FB7, #4E905B, #2C6589, #3C3B4B)
• Driftwood Bloom color palette (#F9F2FE, #A96596, #787123, #425B32, #2D3846)
• Ancient Studio color palette (#E7FAF2, #C495C2, #A95F58, #1D646E, #4D4356)
• Washed Grove color palette (#F4F4FF, #C695DC, #C88A75, #50819B, #3C3B4A)
• Softworn Wisteria Lantern color palette (#FFECF0, #B67AC3, #AD725D, #37647F, #2D1E21)
• Tempered Driftwood Veranda color palette (#F6F4FA, #E0D7DB, #B5ABA0, #9C7292, #535157)
• Mallow Basin color palette (#FFF1F5, #D5B3EA, #BCB987, #74A788, #4B373D)

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