Weathered Garden color palette — #F5F8E1 · #77B191 · #00705F · #553300 · #000B04

Teal and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#77B191): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00705F): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Garden 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 Orchard color palette (#FCF5DF, #92AD71, #1D722C, #6B1D00, #040A00)
• Jade Hollow color palette (#DBFFEC, #42C195, #007A54, #002A1A, #000201)
• Worn Garden color palette (#EBE0CA, #8F9350, #385900, #362A00, #010100)
• Softworn Moss color palette (#DFE4D1, #72B136, #007826, #004427, #000E08)
• Lagoon Pier color palette (#F4F8E2, #8ECAB1, #00897E, #265F2F, #001E14)
• Hazy Byzantium Veranda color palette (#EBF2D8, #46BA6C, #9E3EA3, #005E2A, #120014)
• Lagoon Archive color palette (#D7F0EC, #248F61, #005144, #432700, #002112)
• Softworn Pine color palette (#EDECD8, #568958, #004830, #151F00, #000200)

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