Petrol Lagoon color palette — #EDF8F3 · #B3B67E · #549A99 · #5E6497 · #5E3440
Built around Slate, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Sage (#B3B67E): A luminous, dusty green — the color of fresh herbs.
- Storm Blue (#549A99): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#5E6497): A full-bodied, balanced violet — the color of a velvet chair.
- Cocoa (#5E3440): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, 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
- Turquoise Studio color palette (#F9F5E9, #CED191, #33ACB6, #706097, #3E3733)
- Dusty Station color palette (#FEF1F6, #DAA576, #6D9973, #327091, #433C5F)
- Cerulean Market color palette (#ECF8F8, #8AC09F, #6490BC, #875777, #324930)
- Frost Atelier color palette (#DBFFF0, #C0DBD6, #9AB1B3, #7B819C, #504C5E)
- Worn Cobalt color palette (#DDF8F7, #50AB72, #0078B8, #71366A, #432200)
- Weathered Taupe Orchard color palette (#E4F7F1, #8EA65F, #425E5C, #2D3C37, #1C2420)
- Muted Mulberry color palette (#FEF1F8, #C1896A, #437E65, #723C72, #5E3722)
- Jade Field color palette (#CEFEEF, #A6CE9D, #78B185, #468768, #2A575C)
Browse the whole catalog at Explore, or see today's palette.