Tempered Coast color palette — #DBFDFF · #D0DBF1 · #A1A9CA · #718573 · #3E5140

Mauve and Driftwood set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#DBFDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Powder Blue (#D0DBF1): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A1A9CA): A luminous, dusty violet — the color of a velvet chair.
• Driftwood (#718573): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3E5140): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Sophistication. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Driftwood Hollow color palette (#D8FFF4, #CEE2F4, #A1B4CA, #997988, #634554)
• Cypress Terrace color palette (#EAF8FF, #D2D9FA, #AB92B0, #407562, #1F474A)
• Wandering Lagoon Atelier color palette (#FAF2FA, #D2D5E5, #8CC4DB, #648E6A, #28415D)
• Ash Quarry color palette (#EBFAED, #B2E9ED, #72AAA7, #567D8E, #223F35)
• Tempered Pier color palette (#DCE9FB, #B195CC, #9A6463, #004F3E, #00241A)
• Muted Workshop color palette (#E8F8FF, #A7B9E2, #AE7FA1, #18624E, #003134)
• Timeworn Chestnut color palette (#EDFAD7, #A7C2B2, #9A7A8C, #805D16, #4F5100)
• Ancient Denim color palette (#D4F5E0, #529DA8, #47548E, #2C3600, #050700)

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