Tempered Veranda color palette — #E6FBF2 · #54B0E1 · #B7646D · #755900 · #2C3F15
A conversation between Cyan and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#54B0E1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mocha (#B7646D): A luminous, balanced red — the color of late-summer berries.
- Coffee (#755900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#2C3F15): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Veranda 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
- Timeworn Teal Courtyard color palette (#EBFAEC, #4FB7BA, #9B6CA2, #745A08, #383B0D)
- Muted Hollow color palette (#FEF0FC, #81A5E2, #B66565, #3F6A3A, #00423C)
- Wisteria Alley color palette (#FDF1F9, #ABB9FF, #C784C6, #B36163, #124132)
- Powdered Boulevard color palette (#F7DFF6, #4592FF, #AA3300, #4D4A00, #002D17)
- Bronze Summit color palette (#E3FDED, #D6BAD5, #BB909D, #87742B, #4C5100)
- Powdered Garnet Station color palette (#F2F4FF, #8D7DBB, #8B4974, #7A2922, #4E3100)
- Pale Wisteria color palette (#FFECF1, #B577D6, #916A01, #005F3F, #00342D)
- Muted Fern Terrace color palette (#F7F6E7, #BECAA4, #7E9875, #567B6B, #3A4900)
Browse the whole catalog at Explore, or see today's palette.