Petrol Loft color palette — #DAF3F0 · #007E8A · #00435A · #001B2F · #000230
Teal and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DAF3F0): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007E8A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00435A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B2F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000230): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, 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 Garden color palette (#D4F8F5, #00A1B3, #00779D, #00507D, #000429)
- Gentle Lagoon color palette (#DEF2E0, #00928B, #006377, #002A5E, #10002D)
- Wandering Pine Coast color palette (#D4E7CD, #008859, #004B3E, #002122, #000C10)
- Moonless Field color palette (#F9E9C7, #00646A, #003351, #35000E, #000E12)
- Navy Station color palette (#C1E9F5, #0076A7, #003391, #150054, #0E0023)
- Washed Abyss color palette (#EBF2EB, #9DAEA3, #5E8A79, #004041, #061907)
- Deep Aubergine color palette (#DEF6E4, #00545E, #32006F, #2D0008, #0A0700)
- Hushed Onyx Corridor color palette (#D2EAF0, #517E9E, #464A79, #4F0B00, #2B1500)
Browse the whole catalog at Explore, or see today's palette.