Petrol Lagoon color palette — #D3E3F3 · #0069AA · #3A6200 · #00412E · #000814
Peacock and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D3E3F3): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#0069AA): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#3A6200): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00412E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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 Olive color palette (#D9ECFE, #367AB0, #537020, #005134, #001123)
- Patina Fern color palette (#CFE7F3, #007181, #625500, #283E00, #00090F)
- Eclipse Nightshade Canyon color palette (#D4E4FE, #2B47A8, #005226, #002F2B, #000013)
- Airy Boulevard color palette (#EFD6E5, #544BC8, #5B5500, #00413A, #281221)
- Grape Lagoon color palette (#DCDDF3, #7949A6, #00635D, #003C4F, #0E011A)
- Iris Quarry color palette (#F2F5FF, #8C74E3, #937100, #005B4D, #09011F)
- Muted Lagoon color palette (#ECF2FF, #7B7FBF, #2D8768, #005E62, #111830)
- Frosted Olive Parlor color palette (#D6FCEC, #7C8300, #007B7B, #00516A, #141600)
Browse the whole catalog at Explore, or see today's palette.