Garnet Lagoon color palette — #F2F9E2 · #008443 · #8D1D00 · #331E00 · #020100

Rust and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#008443): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#8D1D00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#331E00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Garnet Lagoon 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

• Nocturne Cocoa color palette (#E0ECD1, #006F4B, #662300, #201400, #010200)
• Mulberry Meadow color palette (#FCF6D6, #636D00, #800047, #490C00, #020100)
• Timeworn Petrol Market color palette (#E0FEE6, #007D86, #634600, #232B00, #000201)
• Tempered Boulevard color palette (#F2FAD7, #007C39, #00556D, #341E00, #010100)
• Velvet Pier color palette (#E0F6F1, #294B00, #5C0019, #2D1300, #070500)
• Ancient Cerulean color palette (#E2FCF0, #0095C5, #5D6100, #003E1A, #000401)
• Bronze Terrace color palette (#F1F9E6, #63BA91, #B0654B, #725300, #1D1C09)
• Patina Byzantium color palette (#D1EAE0, #0096D1, #9D35CF, #7B4800, #000A09)

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