# Champagne and terracotta navy and gold palette

The Champagne and terracotta navy and gold palette brings together dark blue, blue, off-white, pale orange, and light orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Complementary navy, gray and tan radial swatches
- Seed: `kYQTC0PI8_naDrjyDby55O-tyav6`
- Page: https://grabient.com/kYQTC0PI8_naDrjyDby55O-tyav6?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.9 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 | `#072342` | `oklch(25.59% 0.0661 253.12)` | Rhapsody in Blue | white, 15.7 to 1 |
| 2 | `#4b5f73` | `oklch(47.64% 0.0413 249.95)` | Plum Blue | white, 6.6 to 1 |
| 3 | `#eae9e2` | `oklch(93.31% 0.0096 99.90)` | Mystic Fog | black, 17.2 to 1 |
| 4 | `#eddac3` | `oklch(89.76% 0.0372 72.42)` | Figure Stone | black, 15.4 to 1 |
| 5 | `#ddbba0` | `oklch(81.50% 0.0537 61.85)` | Apple Blossom | black, 11.7 to 1 |
| 6 | `#ca9d79` | `oklch(72.83% 0.0730 59.74)` | Desert Carnation | black, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #072342 0.000% 16.667%, #4b5f73 16.667% 33.333%, #eae9e2 33.333% 50.000%, #eddac3 50.000% 66.667%, #ddbba0 66.667% 83.333%, #ca9d79 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(25.59% 0.0661 253.12) 0.000% 16.667%, oklch(47.64% 0.0413 249.95) 16.667% 33.333%, oklch(93.31% 0.0096 99.90) 33.333% 50.000%, oklch(89.76% 0.0372 72.42) 50.000% 66.667%, oklch(81.50% 0.0537 61.85) 66.667% 83.333%, oklch(72.83% 0.0730 59.74) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.066 | 253.1 |
| 2 | 0.476 | 0.041 | 250 |
| 3 | 0.933 | 0.01 | 99.9 |
| 4 | 0.898 | 0.037 | 72.4 |
| 5 | 0.815 | 0.054 | 61.9 |
| 6 | 0.728 | 0.073 | 59.7 |

## In these collections

- [Navy and gold swatches](https://grabient.com/navy-and-gold-swatches)

## Other forms

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