Petrol Lagoon color palette — #DCE9F4 · #0071AD · #844B00 · #004921 · #000C18
Slate and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DCE9F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#844B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#004921): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000C18): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
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
- Chalky Brick color palette (#CEECFF, #007698, #AD0410, #443C00, #000D14)
- Quiet Lapis Market color palette (#E5EDFF, #5253C2, #5D5700, #003F41, #02051C)
- Aged Cornflower Thicket color palette (#E9F3FF, #0079EA, #697200, #005555, #00132F)
- Muted Indigo Delta color palette (#FFD7F3, #6473FF, #947200, #6E5400, #161B3E)
- Pale Amethyst color palette (#D8DFFF, #822AFF, #6C4100, #00342D, #00120F)
- Grape Alley color palette (#EFEFFF, #8000C0, #7E3000, #003613, #000121)
- Sunlit Courtyard color palette (#F0F0FF, #9872BE, #4D8635, #005B74, #18172B)
- Aged Loft color palette (#E8F4FE, #629CC2, #A17B44, #2E6C51, #16242F)
Browse the whole catalog at Explore, or see today's palette.