Petrol Lagoon color palette — #FFF2EE · #C1858B · #7A9366 · #5479A3 · #543C35
A conversation between Slate and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Dusty Rose (#C1858B): A luminous, dusty red — the color of late-summer berries.
- Moss (#7A9366): A luminous, dusty green — the color of fresh herbs.
- Slate (#5479A3): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#543C35): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Timeworn Lilac Alley color palette (#FFF1F3, #B683BA, #9E8656, #32848B, #553A3F)
- Lagoon Terrace color palette (#FFF3E8, #BD8C65, #399C8C, #7D6B9E, #613700)
- Tempered Cerulean color palette (#FFF0FE, #E39B9A, #6AB5A9, #3F99AC, #4D3C4C)
- Weathered Lagoon Boulevard color palette (#FFEEE5, #C88B79, #5B9D80, #1D8C6D, #352218)
- Wandering Summit color palette (#FFF2EE, #E0DACE, #9EBFAC, #B28481, #7C3D23)
- Tempered Bronze Bloom color palette (#FEF3E7, #C7B597, #A3763B, #834F1C, #594500)
- Linen Nightshade color palette (#FEDEC4, #B2621B, #007F6A, #63459F, #432206)
- Ancient Archive color palette (#FFE4DE, #E33500, #00894A, #4650C0, #501F14)
Browse the whole catalog at Explore, or see today's palette.