Lagoon Basin color palette — #F4F2E8 · #C3C6A8 · #5D8F7A · #7C545F · #31322B

Fern and Graphite set the tone — five colors that lean into sophistication and grounding.

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Pistachio (#C3C6A8): A luminous, dusty green — the color of fresh herbs.
• Fern (#5D8F7A): A luminous, dusty teal — the color of glacier melt.
• Graphite (#7C545F): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Timeworn Chestnut Loft color palette (#F6F6EE, #C1C4A1, #668C6C, #8D5728, #4F5100)
• Cocoa Dune color palette (#FFEFDE, #DFC1A0, #A88048, #6B4600, #2B1B00)
• Worn Teal color palette (#EFF7F3, #ACDDD4, #70AA8F, #7E7994, #3D524E)
• Muted Mulberry color palette (#F3F4DE, #78B897, #007C74, #71315E, #002818)
• Patina Driftwood Quarry color palette (#FEEFE0, #D8DEC5, #9BC3B9, #AE7368, #3C3832)
• Muted Bronze Hollow color palette (#FCEFE4, #CEAC8E, #6DA2D0, #A55C19, #13334E)
• Antique Cypress color palette (#F6F1EC, #CAE1E2, #859EC2, #007A7F, #482B3E)
• Onyx Courtyard color palette (#E6E0D1, #69824F, #00522D, #4E0928, #040A00)

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