Onyx Lagoon color palette — #ECF3DD · #004A28 · #440700 · #1B1000 · #010200
A conversation between Espresso and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF3DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Forest (#004A28): A deep, shadowed, balanced teal — the color of glacier melt.
- Espresso (#440700): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#1B1000): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
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
- Garnet Hollow color palette (#FBE9E3, #8F0028, #3D3100, #0E2100, #000B08)
- Worn Cocoa Boulevard color palette (#D3F0FF, #00667C, #613500, #371E00, #010300)
- Charred Boulevard color palette (#FADDE1, #52004C, #172324, #2B0C00, #0D0800)
- Grape Canyon color palette (#FFE8F1, #7500BC, #7E001B, #462300, #1A1B00)
- Nocturne Navy color palette (#E8D8E9, #003E84, #3B0035, #2B0008, #040100)
- Spruce Alley color palette (#EBF9F0, #007B8E, #5D4D00, #1B3F00, #152511)
- Charred Aubergine Orchard color palette (#FBE0EE, #43009C, #4B001D, #240900, #030200)
- Muted Navy color palette (#E6F3EF, #B5A2B4, #707EA4, #003A62, #001913)
Browse the whole catalog at Explore, or see today's palette.