Onyx Lagoon color palette — #E7F1EB · #978897 · #7F616F · #002F3B · #000201

A conversation between Deep Forest and Pewter, giving this palette its sense of sophistication.

The five colors

• Cream (#E7F1EB): a clean, paper-quiet neutral.
• Heather (#978897): A luminous, dusty pink — the color of peonies in June.
• Pewter (#7F616F): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#002F3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000201): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Spruce Terrace color palette (#DDE1DA, #839287, #51736A, #003226, #010200)
• Navy Courtyard color palette (#E9DFE7, #9A888E, #826162, #0E1E68, #040003)
• Dusty Abyss Alley color palette (#D9E7F0, #AEBDCB, #8493AA, #004257, #000103)
• Wandering Navy color palette (#E8DFE7, #C2ACB4, #9F8687, #243F7F, #130512)
• Weathered Denim Lagoon color palette (#E3EBE8, #D4C7CF, #B39DA2, #005A8B, #041B15)
• Basalt Grove color palette (#DBF7F4, #3C5F84, #47274F, #181900, #050500)
• Timeworn Petrol color palette (#F7EFF4, #E0D5D2, #C6BAB2, #6871A2, #31292F)
• Muted Grape color palette (#FCEDF3, #E5CDCF, #CBA094, #673DAD, #2A101D)

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