Tempered Ash Villa color palette — #F1F7F1 · #B8DAC9 · #75A79B · #737B9D · #3F5248

A conversation between Eucalyptus and Slate, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Oat (#B8DAC9): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#75A79B): A luminous, dusty teal — the color of sea glass.
• Slate (#737B9D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#3F5248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Dusty Harbor color palette (#E8FAF6, #99D0D2, #5A9D99, #8E6082, #1F4A4C)
• Cocoa Cabin color palette (#FBF4EB, #C5E0CC, #B2B18B, #957E8A, #564400)
• Lagoon Pier color palette (#F9F3F7, #D3D7ED, #78BDCF, #51976F, #39566C)
• Fern Pier color palette (#F8F5ED, #CAC1A1, #7C8755, #785F58, #5D4B00)
• Patina Cerulean Coast color palette (#FFF0FB, #E29D8E, #63B6AA, #2BA1BF, #513A4B)
• Softworn Workshop color palette (#DDF1EA, #6AA177, #00715F, #632D5D, #00220A)
• Soft Pier color palette (#E8FBED, #B5C380, #459C47, #715B9A, #383F0E)
• Tempered Coral color palette (#FCF1FD, #E9B4B9, #65C1CE, #D06675, #285463)

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