# Blue and ochre first woodsmoke evening palette The Blue and ochre first woodsmoke evening palette brings together blue, purple, red, light orange, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is gold. - Also called: Blue, purple and tan linear gradient - Seed: `kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA` - Page: https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light - Hues: complementary - Contrast of its darkest and lightest colors: 6.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 | `#19237d` | `oklch(31.89% 0.1502 270.00)` | Impression of Obscurity | white, 13.3 to 1 | | 2 | `#1b2480` | `oklch(32.45% 0.1520 270.30)` | Impression of Obscurity | white, 13 to 1 | | 3 | `#1d2584` | `oklch(33.21% 0.1550 270.66)` | Naval Adventures | white, 12.7 to 1 | | 4 | `#1f2788` | `oklch(34.14% 0.1580 271.16)` | Naval Adventures | white, 12.3 to 1 | | 5 | `#232a8c` | `oklch(35.21% 0.1601 271.89)` | Cosmic Cobalt | white, 11.8 to 1 | | 6 | `#282d90` | `oklch(36.41% 0.1601 272.95)` | Royal Night | white, 11.2 to 1 | | 7 | `#2d3193` | `oklch(37.71% 0.1578 274.32)` | Royal Night | white, 10.6 to 1 | | 8 | `#333595` | `oklch(39.16% 0.1539 275.86)` | Bluebell | white, 10 to 1 | | 9 | `#3a3a97` | `oklch(40.74% 0.1487 277.69)` | Royal Wisteria | white, 9.3 to 1 | | 10 | `#423f99` | `oklch(42.44% 0.1420 279.93)` | Blueberry | white, 8.7 to 1 | | 11 | `#4b459a` | `oklch(44.25% 0.1339 282.68)` | Galaxy Express | white, 8 to 1 | | 12 | `#544b9a` | `oklch(46.20% 0.1239 285.62)` | Liberty | white, 7.3 to 1 | | 13 | `#5c5299` | `oklch(48.32% 0.1107 287.88)` | Coronation Blue | white, 6.6 to 1 | | 14 | `#655a98` | `oklch(50.56% 0.0960 290.54)` | Giant Onion | white, 6 to 1 | | 15 | `#6f6296` | `oklch(52.86% 0.0817 294.84)` | Scampi | white, 5.4 to 1 | | 16 | `#796894` | `oklch(55.17% 0.0695 301.97)` | Purple Grapes | white, 4.9 to 1 | | 17 | `#866e92` | `oklch(57.44% 0.0607 313.41)` | Beauty | black, 4.6 to 1 | | 18 | `#93748f` | `oklch(59.81% 0.0536 330.36)` | Hidden Mask | black, 5.1 to 1 | | 19 | `#9e7b8b` | `oklch(62.20% 0.0480 350.49)` | Dusky Orchid | black, 5.6 to 1 | | 20 | `#a78387` | `oklch(64.55% 0.0446 11.07)` | Natural Spring | black, 6.2 to 1 | | 21 | `#ae8b85` | `oklch(66.76% 0.0440 29.36)` | Warm Comfort | black, 6.8 to 1 | | 22 | `#b59284` | `oklch(68.75% 0.0469 42.84)` | Mauve Blush | black, 7.3 to 1 | | 23 | `#bd9781` | `oklch(70.62% 0.0548 52.66)` | Spiced Brandy | black, 7.9 to 1 | | 24 | `#c59c7c` | `oklch(72.37% 0.0662 60.08)` | Desert Carnation | black, 8.4 to 1 | | 25 | `#cda175` | `oklch(73.97% 0.0790 65.77)` | Golden Beige | black, 8.9 to 1 | | 26 | `#d4a56e` | `oklch(75.37% 0.0912 70.35)` | Wonton Dumpling | black, 9.4 to 1 | | 27 | `#d9a967` | `oklch(76.56% 0.1005 74.45)` | Sugar Honey Cashew | black, 9.8 to 1 | | 28 | `#dcad62` | `oklch(77.50% 0.1080 77.47)` | Butterscotch Bliss | black, 10.1 to 1 | | 29 | `#dfaf5d` | `oklch(78.22% 0.1146 79.22)` | Lemon Poppy | black, 10.4 to 1 | | 30 | `#e2b159` | `oklch(78.77% 0.1202 80.13)` | Cookie Crust | black, 10.6 to 1 | | 31 | `#e4b255` | `oklch(79.19% 0.1247 80.64)` | Cookie Crust | black, 10.8 to 1 | | 32 | `#e6b352` | `oklch(79.53% 0.1281 81.19)` | Va Va Voom | black, 10.9 to 1 | ## CSS ```css background: linear-gradient(90deg, #19237d 0.0%, #1b2480 3.2%, #1d2584 6.5%, #1f2788 9.7%, #232a8c 12.9%, #282d90 16.1%, #2d3193 19.4%, #333595 22.6%, #3a3a97 25.8%, #423f99 29.0%, #4b459a 32.3%, #544b9a 35.5%, #5c5299 38.7%, #655a98 41.9%, #6f6296 45.2%, #796894 48.4%, #866e92 51.6%, #93748f 54.8%, #9e7b8b 58.1%, #a78387 61.3%, #ae8b85 64.5%, #b59284 67.7%, #bd9781 71.0%, #c59c7c 74.2%, #cda175 77.4%, #d4a56e 80.6%, #d9a967 83.9%, #dcad62 87.1%, #dfaf5d 90.3%, #e2b159 93.5%, #e4b255 96.8%, #e6b352 100.0%); background: linear-gradient(90deg in oklch, oklch(31.89% 0.1502 270.00) 0.0%, oklch(32.45% 0.1520 270.30) 3.2%, oklch(33.21% 0.1550 270.66) 6.5%, oklch(34.14% 0.1580 271.16) 9.7%, oklch(35.21% 0.1601 271.89) 12.9%, oklch(36.41% 0.1601 272.95) 16.1%, oklch(37.71% 0.1578 274.32) 19.4%, oklch(39.16% 0.1539 275.86) 22.6%, oklch(40.74% 0.1487 277.69) 25.8%, oklch(42.44% 0.1420 279.93) 29.0%, oklch(44.25% 0.1339 282.68) 32.3%, oklch(46.20% 0.1239 285.62) 35.5%, oklch(48.32% 0.1107 287.88) 38.7%, oklch(50.56% 0.0960 290.54) 41.9%, oklch(52.86% 0.0817 294.84) 45.2%, oklch(55.17% 0.0695 301.97) 48.4%, oklch(57.44% 0.0607 313.41) 51.6%, oklch(59.81% 0.0536 330.36) 54.8%, oklch(62.20% 0.0480 350.49) 58.1%, oklch(64.55% 0.0446 11.07) 61.3%, oklch(66.76% 0.0440 29.36) 64.5%, oklch(68.75% 0.0469 42.84) 67.7%, oklch(70.62% 0.0548 52.66) 71.0%, oklch(72.37% 0.0662 60.08) 74.2%, oklch(73.97% 0.0790 65.77) 77.4%, oklch(75.37% 0.0912 70.35) 80.6%, oklch(76.56% 0.1005 74.45) 83.9%, oklch(77.50% 0.1080 77.47) 87.1%, oklch(78.22% 0.1146 79.22) 90.3%, oklch(78.77% 0.1202 80.13) 93.5%, oklch(79.19% 0.1247 80.64) 96.8%, oklch(79.53% 0.1281 81.19) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.319 | 0.15 | 270 | | 2 | 0.366 | 0.16 | 273.2 | | 3 | 0.449 | 0.131 | 283.7 | | 4 | 0.563 | 0.065 | 307 | | 5 | 0.681 | 0.045 | 398.9 | | 6 | 0.764 | 0.099 | 433.8 | | 7 | 0.795 | 0.128 | 441.2 | ## In these collections - [First woodsmoke evening](https://grabient.com/first-woodsmoke-evening) ## Other forms - [JSON](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.json?steps=32) - [PNG](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.png?steps=32) - [SVG](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.svg?steps=32) - [CSS](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.css?steps=32) - [ASE](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.ase?steps=32) - [GPL](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.gpl?steps=32) - [GRD](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.grd?steps=32) - [Design tokens](https://grabient.com/kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kaUW3ALrpATkvwTHl8K1pDK2EkRBlLsDA) - [Guide for agents](https://grabient.com/llms.txt)