Tempered Veranda color palette — #FFDCCD · #C30614 · #784200 · #004A1A · #420102
A conversation between Ruby and Forest, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
- Ruby (#C30614): A full-bodied, vivid orange — the color of autumn markets.
- Bronze (#784200): A full-bodied, balanced gold — the color of old brass.
- Forest (#004A1A): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Espresso (#420102): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged vibrant, 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
- Airy Studio color palette (#FFDDC4, #A14C00, #7A4E00, #00483C, #351500)
- Frosted Ridge color palette (#FFDBD6, #BC0063, #6F5400, #00464A, #3E031E)
- Hazy Byzantium color palette (#FFDADE, #A616A5, #963400, #004934, #340B33)
- Hazy Quarry color palette (#EAE2F3, #DA5FB2, #B00044, #5D2400, #332400)
- Weathered Byzantium Dune color palette (#FFD9E2, #9C0CC2, #A1005C, #354300, #300B3B)
- Misty Violet Canyon color palette (#E3EBB4, #9859D1, #9C0021, #003E56, #450D3D)
- Tempered Terrace color palette (#F8EAD8, #6C4A00, #434700, #002E37, #150B00)
- Dusty Aubergine Courtyard color palette (#FFECF2, #A872D3, #784800, #650096, #1D0E00)
Browse the whole catalog at Explore, or see today's palette.