Tempered Veranda color palette — #EDE5C2 · #6C8700 · #005E21 · #003629 · #011D2A

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EDE5C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6C8700): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#005E21): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003629): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#011D2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Pale Olive Veranda color palette (#E7F1D9, #378103, #00521F, #002D1A, #000B07)
• Frosted Moss color palette (#E9E3C6, #8BA700, #008F43, #006352, #00292C)
• Bronze Delta color palette (#FFECD9, #8E7800, #475200, #013B08, #002417)
• Misty Garden color palette (#DDF1EF, #249344, #860361, #004618, #350025)
• Washed Olive Grove color palette (#DBF1DD, #7A7A35, #5B4000, #451800, #061C00)
• Cobalt Corridor color palette (#D0F4EF, #74C1C4, #398CD0, #545000, #002A20)
• Powdered Market color palette (#D8F7E9, #006B4E, #850C6C, #6C0027, #00170E)
• Magenta Alley color palette (#FCEAE4, #F416C7, #00986C, #011B1B, #000809)

Browse the whole catalog at Explore, or see today's palette.