Petrol Lagoon color palette — #FBF0E0 · #74CCD0 · #007F94 · #005343 · #001D2A
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
- Aqua (#74CCD0): A luminous, balanced teal — the color of glacier melt.
- Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005343): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Pale Workshop color palette (#FAF0E1, #7CC6EB, #0076BE, #005058, #001447)
- Soft Loft color palette (#FCF1FB, #54CCD0, #00799B, #005A27, #033264)
- Ancient Delta color palette (#EAFAED, #70DFE4, #009DB6, #00745F, #00384C)
- Ancient Orchard color palette (#F5F1EB, #C7E3DE, #7CA892, #237A71, #163E33)
- Abyss Canyon color palette (#E9E1D5, #438296, #00415D, #001F20, #000104)
- Wandering Denim color palette (#EBE3D7, #85A68C, #006278, #003A32, #000C16)
- Sunlit Boulevard color palette (#ECDDEA, #BA00B4, #7B6100, #005D69, #1E001D)
- Wisteria Delta color palette (#F1D6DB, #C869D4, #22860A, #690074, #031C00)
Browse the whole catalog at Explore, or see today's palette.