Petrol Lagoon color palette — #FCEAE3 · #70C6D1 · #00709B · #004025 · #000112
Peacock and Aqua set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FCEAE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#70C6D1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004025): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000112): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Hushed Ultramarine Garden color palette (#F5ECE5, #6DC2ED, #0059E1, #003E39, #030011)
- Gentle Corridor color palette (#FFF2EA, #99D7EC, #007DD6, #005343, #08052A)
- Tempered Denim Basin color palette (#ECDCE8, #5A9BA3, #00516A, #003124, #00152A)
- Cerulean Garden color palette (#DAE8DC, #53C2CF, #0091B2, #006E61, #001623)
- Tempered Loft color palette (#F0E0E2, #BD0055, #006085, #00437C, #040001)
- Feathered Station color palette (#FFE2D7, #D93C42, #007389, #750012, #000102)
- Worn Sky Alley color palette (#FAF3F0, #D2D7EA, #51B0EB, #21815D, #3F233B)
- Weathered Moss Delta color palette (#F3E7CF, #759322, #5C4C00, #351A00, #000200)
Browse the whole catalog at Explore, or see today's palette.