Petrol Lagoon color palette — #DDF5E9 · #006E8E · #524C00 · #003912 · #000900
Built around Peacock, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDF5E9): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006E8E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#524C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003912): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol 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
- Worn Pier color palette (#EADBD0, #006DB2, #3F5800, #00382A, #000608)
- Cornflower Chapel color palette (#FEEAFF, #2181FA, #387400, #005746, #00181F)
- Cellar Spruce color palette (#F7E3CD, #694500, #00411B, #001E1D, #000204)
- Antique Violet Quarry color palette (#FDE1ED, #8A61D1, #007062, #004759, #1C0619)
- Chalky Plum color palette (#F1DAD8, #C50075, #6F4400, #383B00, #000802)
- Quiet Orchid Market color palette (#E6E9FF, #9B60F3, #956A00, #006530, #000810)
- Weathered Bronze color palette (#FFF2ED, #CF7170, #937F00, #416C36, #1E2B1C)
- Amber Veranda color palette (#FFF3E3, #B18300, #008457, #005B62, #032641)
Browse the whole catalog at Explore, or see today's palette.