Tempered Villa color palette — #D6F8E7 · #2D8FC4 · #5F4E8C · #444300 · #1C304F

A conversation between Cerulean and Peacock, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D6F8E7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2D8FC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#5F4E8C): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#444300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#1C304F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.

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

• Pewter Parlor color palette (#DEFDF7, #6D9BCF, #7B5993, #305A23, #323D53)
• Weathered Veranda color palette (#D7F7EF, #7A7AD2, #833E6E, #004D34, #372849)
• Lagoon Drift color palette (#FFE7F3, #009998, #2C5D8F, #662E03, #0A3546)
• Terracotta Study color palette (#E8F3FF, #397BB6, #89342F, #403C00, #0E3508)
• Cobalt Quarry color palette (#FFF1F5, #A7C9E8, #6177A9, #005E68, #383360)
• Washed Aubergine color palette (#D6F4EA, #006AAC, #520D84, #1E2900, #081237)
• Feathered Mulberry Veranda color palette (#FAE8F9, #8C9CE7, #7E67B5, #8D2F48, #262F4B)
• Airy Thicket color palette (#FAE4DB, #7983CC, #67459C, #6E0027, #161136)

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