Petrol Loft color palette — #E2F2ED · #00826A · #006DA1 · #5E5C00 · #000202
A conversation between Peacock and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#E2F2ED): a clean, paper-quiet neutral.
- Teal (#00826A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#5E5C00): A full-bodied, balanced green — the color of new leaves after rain.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Petrol Loft 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
- Ultramarine Thicket color palette (#D4ECEE, #007E88, #4056D0, #266A00, #000203)
- Olive Parlor color palette (#DCE2D2, #5F7B00, #007671, #854500, #010200)
- Worn Byzantium color palette (#D5EDFF, #0086C3, #963AE0, #007861, #000812)
- Dusty Lagoon Meadow color palette (#D7F3EA, #00A284, #007963, #003C2F, #000202)
- Mulberry Pier color palette (#D3EEDF, #006945, #840074, #750030, #000201)
- Quiet Aubergine color palette (#C2E9D9, #00644C, #49259E, #522100, #000201)
- Sunlit Azure Dune color palette (#E6EFE1, #4DBFB8, #449DD4, #007E58, #020E00)
- Ancient Quarry color palette (#C5F1FD, #009DB9, #776DEF, #1A8B46, #00151B)
Browse the whole catalog at Explore, or see today's palette.