Petrol Loft color palette — #D6EDCA · #008E7A · #2172AA · #5C6000 · #1F3115
Built around Slate, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D6EDCA): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008E7A): A full-bodied, balanced teal — the color of sea glass.
- Slate (#2172AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#5C6000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1F3115): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Antique Emerald color palette (#E1EAC0, #149242, #007A8E, #745500, #11341A)
- Aged Veranda color palette (#CCEED8, #00889E, #5E5EC0, #006E2A, #0D341F)
- Linen Grape Meadow color palette (#CCF0FF, #007D9E, #6D2EDF, #00633D, #002936)
- Teal Coast color palette (#D5FFFA, #3FB6AB, #00756B, #003F39, #002A26)
- Patina Hollow color palette (#DFFDF3, #619FCB, #987BB5, #488374, #2F4840)
- Navy Archive color palette (#D2E6E4, #006865, #00499E, #324400, #001615)
- Pale Mulberry Lantern color palette (#DBECD6, #008F82, #AE3C7E, #A51845, #051A00)
- Byzantium Balcony color palette (#E0ECFF, #2E7CEA, #A441AD, #006F6D, #132F59)
Browse the whole catalog at Explore, or see today's palette.