# Lime, wine and terracotta banana leaf feast

This palette moves from light green through red to orange. It darkens and then lightens across a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Tritone green, maroon and orange angular swatches
- Seed: `kSzFlULSWydU1Ra`
- Page: https://grabient.com/kSzFlULSWydU1Ra?style=angularSwatches&steps=3&angle=135
- Drawn as: angular swatches, 3 steps, 135 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.4 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#b7ca6a` | `oklch(80.31% 0.1226 118.12)` | Wild Willow | black, 11.6 to 1 |
| 2 | `#651e35` | `oklch(35.43% 0.1033 4.00)` | Wine Country | white, 11.7 to 1 |
| 3 | `#d97832` | `oklch(66.93% 0.1461 52.61)` | Orange Ochre | black, 6.6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #b7ca6a 0.000% 33.333%, #651e35 33.333% 66.667%, #d97832 66.667% 100.000%);
background: conic-gradient(from 135deg, oklch(80.31% 0.1226 118.12) 0.000% 33.333%, oklch(35.43% 0.1033 4.00) 33.333% 66.667%, oklch(66.93% 0.1461 52.61) 66.667% 100.000%);
```

## Keyframes

3 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.123 | 118.1 |
| 2 | 0.354 | 0.103 | 4 |
| 3 | 0.669 | 0.146 | 52.6 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

- [JSON](https://grabient.com/kSzFlULSWydU1Ra.json?style=angularSwatches&steps=3&angle=135)
- [PNG](https://grabient.com/kSzFlULSWydU1Ra.png?style=angularSwatches&steps=3&angle=135)
- [SVG](https://grabient.com/kSzFlULSWydU1Ra.svg?style=angularSwatches&steps=3&angle=135)
- [CSS](https://grabient.com/kSzFlULSWydU1Ra.css?style=angularSwatches&steps=3&angle=135)
- [ASE](https://grabient.com/kSzFlULSWydU1Ra.ase?style=angularSwatches&steps=3&angle=135)
- [GPL](https://grabient.com/kSzFlULSWydU1Ra.gpl?style=angularSwatches&steps=3&angle=135)
- [GRD](https://grabient.com/kSzFlULSWydU1Ra.grd?style=angularSwatches&steps=3&angle=135)
- [Design tokens](https://grabient.com/kSzFlULSWydU1Ra.tokens.json?style=angularSwatches&steps=3&angle=135)
- [Social card](https://grabient.com/api/og?seed=kSzFlULSWydU1Ra&style=angularSwatches&steps=3&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kSzFlULSWydU1Ra)
- [Guide for agents](https://grabient.com/llms.txt)