Tempered Villa color palette — #EDF7F9 · #B7DCBF · #51888E · #1C565C · #202E30

Peacock and Storm Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Celadon Mist (#B7DCBF): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#51888E): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#1C565C): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#202E30): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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 Lagoon Pier color palette (#F0F8EB, #C8DCCA, #579483, #3E4B34, #181D13)
• Timeworn Meadow color palette (#EEF6FE, #D6C298, #3578A4, #05476A, #19232B)
• Weathered Lagoon color palette (#EFF7F8, #A7DBE7, #8698D5, #00A199, #262E3D)
• Muted Marigold color palette (#CFE2E9, #C59F47, #00616B, #002F35, #000D14)
• Timeworn Teal color palette (#F0F7F1, #FFD2C8, #63ACB1, #5C7460, #272D28)
• Wandering Azure Orchard color palette (#EAFAED, #90C8D7, #6F94C7, #9B5A54, #374B58)
• Dusty Bronze color palette (#ECF7FB, #68AEB1, #A678A1, #9B5C33, #1E3D37)
• Timeworn Workshop color palette (#EFF6FA, #D7DAE0, #B4AFB8, #66A7B2, #4A5459)

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