Petrol Loft color palette — #FAE8F4 · #6FC9C3 · #007485 · #004120 · #000306
Teal takes the lead with Aqua close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FAE8F4): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#6FC9C3): A luminous, balanced teal — the color of glacier melt.
- Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004120): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Cerulean Terrace color palette (#FEF1FA, #8BDBE5, #0086AF, #005340, #000D1E)
- Sapphire Corridor color palette (#FAE8F1, #6FC2EC, #0066C2, #003E3E, #010014)
- Patina Lagoon color palette (#FEE8E3, #2D9C98, #005264, #022E04, #00040D)
- Wandering Teal Bloom color palette (#EEEFE1, #3BC7C2, #00959B, #006F5E, #00181B)
- Antique Turquoise color palette (#FDF1F9, #BDFBFF, #00AAD2, #007653, #002742)
- Muted Iris Basin color palette (#FFF1F5, #D7DEFC, #648DEF, #006873, #1D1541)
- Weathered Lagoon color palette (#EFDDD9, #C25E00, #6D3F00, #352700, #010100)
- Ancient Nightshade color palette (#F6E3CC, #8C5B00, #005B98, #3422A7, #020100)
Browse the whole catalog at Explore, or see today's palette.