Amber Veranda color palette — #C7E7D6 · #CC9200 · #6E9C39 · #008A4C · #020200

A conversation between Mustard and Fern, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#C7E7D6): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#CC9200): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#6E9C39): A luminous, balanced green — the color of fresh herbs.
• Fern (#008A4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Amber 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

• Ancient Moss color palette (#D8EACF, #A1AE00, #57A600, #009259, #000500)
• Amber Meadow color palette (#CCEAD2, #E68700, #B28600, #7F7C00, #080400)
• Softworn Amber Harbor color palette (#CEEEDB, #D96900, #868500, #006C4C, #020300)
• Weathered Emerald Terrace color palette (#C6EAE5, #059926, #B64C00, #026717, #0F0200)
• Frosted Thicket color palette (#D1EBE7, #28A156, #00744D, #504918, #000902)
• Hushed Emerald color palette (#DCE7C5, #60914D, #407753, #005263, #001828)
• Pale Clover Drift color palette (#D2E9EB, #00CF53, #00B78B, #009391, #00110C)
• Softworn Petrol color palette (#CBE5E0, #5BB0B5, #008392, #005E57, #000B10)

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