Tempered Villa color palette — #F5F6EE · #BBE2B5 · #43BCEF · #59BC49 · #142920

Clover and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#BBE2B5): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#43BCEF): A luminous, balanced blue — the color of deep harbor water.
• Clover (#59BC49): A luminous, vivid green — the color of fresh herbs.
• Onyx (#142920): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Quiet Moss color palette (#F7F5ED, #D8DAA3, #31C5C6, #A9A800, #1B281B)
• Feathered Teal color palette (#F3F6F0, #94E9D0, #8BABFA, #00BC9A, #2D1E2B)
• Worn Lagoon Harbor color palette (#F3F6F0, #A9FAD7, #00B1C9, #00A277, #07160D)
• Aged Basin color palette (#F6F6E9, #A4CC8D, #78A2D9, #BB5A65, #333D09)
• Washed Lagoon Orchard color palette (#EDF8F8, #97D4B6, #00A3AB, #00986A, #0D2830)
• Airy Mint color palette (#EEF5E4, #00E59C, #6C94FF, #00A871, #040D31)
• Timeworn Pier color palette (#F3F6F0, #D2DEDB, #A5B9C1, #68BFA0, #375110)
• Cobalt Boulevard color palette (#E9F5F2, #8FC57A, #4674BC, #41732B, #050E1C)

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