Petrol Lagoon color palette — #F9E5DE · #52B2BA · #007096 · #004D2A · #001135
Peacock and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F9E5DE): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#52B2BA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007096): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001135): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Wandering Study color palette (#FCEBDF, #48AEDA, #2763BC, #004B43, #140738)
- Washed Market color palette (#F8E9F4, #7EC4CB, #007290, #00402D, #000308)
- Ancient Lantern color palette (#E5E5DA, #72BFC4, #0093A5, #006D67, #00171E)
- Faded Forest color palette (#FCEAE5, #7CD6D7, #0094BB, #177033, #0C2E53)
- Dusty Byzantium Villa color palette (#F5E3FB, #9C00BF, #006B53, #004E52, #110017)
- Dusty Periwinkle Dune color palette (#FCF3ED, #C6F0DC, #81A6DE, #388A7E, #593E4E)
- Weathered Archive color palette (#FFDDE3, #D02BDF, #007B2F, #5B0064, #001504)
- Pale Amber color palette (#F7E5FB, #FF839C, #DF7500, #444E9C, #27041F)
Browse the whole catalog at Explore, or see today's palette.