Tempered Petrol Lagoon color palette — #ECF4F1 · #C0C8A6 · #336884 · #10392C · #061812
Peacock and Deep Forest set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F1): bright and airy, almost weightless.
- Pistachio (#C0C8A6): A luminous, dusty green — the color of a quiet forest floor.
- Peacock (#336884): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#10392C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#061812): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Tempered 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
- Muted Petrol color palette (#F7EFF7, #BCC9A9, #45638A, #3E283F, #1A101A)
- Softworn Basin color palette (#F0F6FB, #B6DDBA, #4086A9, #385061, #222D35)
- Inked Archive color palette (#D3E5E0, #006A3D, #36333A, #001529, #000104)
- Tempered Boulevard color palette (#F6F0F5, #AEC4EB, #8579B0, #466FBC, #201018)
- Ancient Driftwood color palette (#F6F0F4, #DDD4D4, #B5ABA5, #797FAA, #3C3339)
- Wandering Fern color palette (#EBF5EC, #519FA6, #7E602D, #415002, #16200D)
- Timeworn Loft color palette (#FDEBFC, #5FBD94, #13469A, #001C4F, #0F030F)
- Timeworn Cocoa color palette (#FFEEE5, #B79FD1, #8F6A8D, #7C3E28, #3C242B)
Browse the whole catalog at Explore, or see today's palette.